easyui框架combotree和combobox多選模式取值樣例
combotree
html:
<div class="conditions staff ue-clear"
style="overflow: visible; float: left; line-height: 30px; width: 720px; margin: 6px 63px 0 25px;">
<label>裝置名稱:</label> <select id="addA_deviceName" name="serviceId" class="easyui-combotree" editable="false" panelHeight="100px" data-options="multiple:true,checkbox:true,valueField:'id',textField:'text',onlyLeafCheck: true,cascaseCheck:true,value:'',url:'taskmanage/loadAssetAll',required:true,validType:'length[1,50]',onBeforeSelect:function (node) {
if (!$('#addA_deviceName').combotree('tree').tree('isLeaf', node.target)) {
return false;
}
}"
style="width: 620px; margin-left: 7px">
</select><font color="red">*</font>
<input type="hidden" id="add_equipmentId" name="equipmentId">
</div>
js:
function addHandTaskSubmit() {
var arrTree=[];
var strTree="";
var t =$('#addA_deviceName').combotree('tree');//得到樹物件
var nodes =t.tree('getChecked'); // get checked nodes
alert(nodes.length);
for(var i=0;i<nodes.length;i++){
arrTree.push(nodes[i].id)
};
strTree=arrTree.join(",");
$("#add_equipmentId").val(strTree);
alert($("#add_equipmentId").val()+"val");
}combobox
html:
<div class="conditions staff ue-clear"
style="overflow: visible; float: left; line-height: 30px; width: 720px; margin: 6px 63px 0 25px;">
<label>任務模板:</label><select id="add_taskModel" name="taskModels"
class="easyui-combobox" editable="false" panelHeight="100px"
data-options="url:'taskmanage/loadModel',valueField:'id',textField:'text',onlyLeafCheck: true,cascaseCheck:true,required:true,multiple:true,checkbox:true"
style="width: 620px; margin-left: 7px">
</select><font color="red">*</font>
<input type="hidden" id="taskModel" name="taskModel"/>
</div>
js:
var records = $('#add_taskModel').combobox('getValues').join(",").replace(/^,/,"");//之前已經選中的
var record=$('#add_taskModel').combobox('getValue');//之前已經選中的
$("#taskModel").val(records);
alert($("#taskModel").val()+"select"); 總結：
多選html關鍵：
multiple:true js獲取值：
combotree:
var t =$('#addA_deviceName').combotree('tree');//得到樹物件
var nodes =t.tree('getChecked'); // get checked nodes
alert(nodes.length);
for(var i=0;i<nodes.length;i++){
arrTree.push(nodes[i].id)
};
strTree=arrTree.join(","); combobox
var records = $('#add_taskModel').combobox('getValues').join(",").replace(/^,/,"");//之前已經選中的