$('#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"); } });