今天,碰到一个问题,如果easyUI的下拉框要多选怎么处理,如果只想要几个内容不选而其他的都选中又改怎么处理。首先先看easyUI中是怎么将下拉框处理成多选的。
$("#fzjg").combobox({
url :"common_getProvinceList.action",
valueField :"BZDM",
textField : "MC",
multiple:true,
panelHeight:'200',
panelWidth:'300',
});//这一段在js中执行
其中 fzjg 就是 id为 "fzjg"的文本框,属性multiple:true,表示可以进行多选操作。地址url是从后台返回来的数据,其中mc表示显示名称,bzdm表示实际值。
<input class="easyui-combobox" id="fzjg" style="width:175px;" >
实际显示如下:
接下来是实现全选操作,这里实现全选操作有两个思路,一是在后台中添加"全选"传到前台,另一个方法是直接在js里面处理,不过要先获取后台传过来的值,将他们拼接在一起,在调用组合成下拉框