$('#cc').combobox({
formatter: function(row){
var opts = $(this).combobox('options');
return row[opts.textField];
}
});
上面是jQuery easyUI官网上找到的。
现在我们要做成如下这样的:
则可以通过手动设置formatter样式。
剖析页面代码发现,是把列表的text值放到了一个div下,则我们就组装一个复选框与text同级就可以了
具体js代码如下:
formatter: function(row){
var $d = $(this).combobox('getData');
var $o = $(this).combobox('options');
var $c = '<input type="checkbox"/>';
if($d[0].id==row[$o.valueField]){
$c = '<input type="checkbox" checked="checked"/>';
}
return $c+ row[$o.textField];
}
要想选择panel面板复选框也跟着选择则需要在combobox执行后加载如下代码:
var $p = $("#zd_name").combobox('panel');/*选框对象——勾选复选框*/
$p.children("div").bind("click",function(){
var $i = $(this).find("input");
var $cis = $(this).attr("class");
if($cis.indexOf("combobox-item-selected")>0){
$i.removeAttr("checked");
}else{
$i.attr("checked","checked");
}
});
jQuery easyUI combobox
猜你喜欢
转载自my.oschina.net/u/1187799/blog/465005
今日推荐
周排行