1、在HBuilder软件中创建web项目,并在web项目指定的目录下创建静态页面select.html。
2、引入EasyUI插件核心css和js文件,并引入jQuery核心js文件。
3、下面开始编写ComboBox容器,该控件利用的是select标签元素构成的,设置ComboBox样式,如下图所示。
4、编辑js代码,获取ComboBox选中的值和文本,利用getValue和getText方法分别获取值和文本。
combobox里面有一个loadFilter回调函数,这个函数就是过滤后台返回的数据并显示,那么那就可以获取到后台返回的数据(后台返回的数据是一个数组),并在这个数组前面加一条数据"-请选择-";然后return就行了;$("#你的id").combobox({loadFilter:function(data){
//这里你想怎么改变data数据就怎么改变(增删改,都可以),只要格式正确
return data
}})
首先,要指定返回的数据项哪个属性是value,哪个属性是text,$('#cid').combobox({
url:'showClass.do',
valueField:'id',
textField:'text'
})
然后,控制层返回的数据应该是JSON格式的数据,例如
[{"id":1, "text":"text1"},{ "id":2, "text":"text2"}]
欢迎分享,转载请注明来源:内存溢出
评论列表(0条)