easyUI的combox,主要内容:
1. combox的value和text,以及获取值的方式
2. combox的联动实现
easyUI中的combox,通过input标签的class=“easyui-combox”实现,接收的返回值为json格式数据,value和text分别为json中的key值。例如:
<input id="org" name="org" class="easyui-combox" data-options="valueField:'id',textField:'orgName',data:[{id:'1',orgName:'org1'},{id:'2',orgName:'org2'}]">
也可以通过js创建下拉列表框,下面实现了组织、机构的联动效果,非常简单:
<input id="org" name="org" class="easyui-combox">
<input id="dept" name="dept" class="easyui-combox">
$('#org').combobox({
url:"orgAction.do?method=getOrg",
valueField:'id',
textField:'text',
onSelect:function(org){
$('#dept').combobox('reload',"deptAction.do?method=getDeptByOrg");
}
});
$('#dept').combobox({
valueField:'id',
textField:'text'
})