easyUI——combox

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'
	})

你可能感兴趣的:(easyUI——combox)