easyUI——combox

1097 ワード

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