首页 > 代码库 > easyUI:ComboTree and comselector使用实例解析
easyUI:ComboTree and comselector使用实例解析
ComboTree
使用场景：故名思意，ComboTree是combox和Tree的结合体，在需要通过选择得到某一个node值的时候触发。
栗子：
定义：
使用标签创建树形下拉框。
<select id="cc" class="easyui-combotree" style="width:200px;" data-options="url:‘get_data.php‘,required:true"></select>
使用Javascript创建树形下拉框。
<input id="cc" value=http://www.mamicode.com/"01"> $(‘#cc‘).combotree({ url: ‘get_data.php‘, required: true });
使用：
<input id="HouseString" name="HouseString" class="easyui-combotree" style="width:195px;" data-options=" prompt:‘请选择表具‘,required:false,editable:true,panelHeight : ‘auto‘,lines: true, onClick: function (node) { mid=node.id; $.ajax({ url: ‘/ExchangeMeter/selectaddmeter?mid=‘ + mid + ‘&anticache=‘ + Math.floor(Math.random() * 1000), type: ‘GET‘, dataType: ‘JSON‘, success: function (strRe) { data = http://www.mamicode.com/strRe.rows;" />
Comselector
使用场景：combox在选择时，需要渲染combox的value，comselector在选择时，可以直接从Json中获取值。
栗子：
定义：
使用JavaScript定义
<input name="name" id="testname" style="width:150px" class="easyui-comboselector" data-options=" panelWidth: 600, panelHeight: 300,editable:false,required: true, lazyLoad: false,nullable:false, method: ‘get‘, url:‘/Main/SelectLoad/?TableName=Concentrator&SearchId=SysSearch00000051&rod=‘ + Math.floor(Math.random() * 1000), valueField: ‘ID‘, textField: ‘ContAddress‘, idField: ‘ID‘,rownumbers: true, frozenColumns: [[ { field: ‘ck‘, checkbox: true }, { field: ‘ID‘, title: ‘编号‘, width: 80, sortable: true } ]], columns: [[ { field: ‘ContName‘, title: ‘名称‘, width: 140, sortable: true }, { field: ‘ContAddress‘, title: ‘集中器地址‘, width: 140, sortable: true }, { field: ‘SIMNumber‘, title: ‘SIM卡号‘, width: 140, sortable: true }, { field: ‘Dport‘, title: ‘数据中心端口‘, width: 140, sortable: true }, { field: ‘CentNumber‘, title: ‘中心号码‘, width: 140, sortable: true } ]] "/>
使用：
$("#name").comboselector({ onChange: function (n, o) { var obj = $(this).comboselector(‘getData‘); if (obj != null) { var ooo = $.map(obj, function (a) { return a.ID == n ? a : null }); var dd = ooo[0].ID; $.ajax({ method: "Post", url: "/Business/liver?HouseliverID=" + dd + "&anticache=" + Math.floor(Math.random() * 1000), success: function (strRe) { strRe = $.string.toObject(strRe); var hosInfo = strRe["HouseInfo"]; var matInfo = strRe["MaterInfo"]; if (matInfo != null) { debugger; $("#House_ID").val(hosInfo[0].id); $("#House_Doorplate").val(hosInfo[0].doorplate); $("#House_Hstructure").val(hosInfo[0].hstructure); $("#House_HbuildTime").val(hosInfo[0].hbuildtime); $("#House_Htowardse").val(hosInfo[0].htowards); $("#House_Property").val(hosInfo[0].property); $("#House_HouseType").val(hosInfo[0].housetype); $("#House_Hfloor").val(hosInfo[0].hfloor); $("#House_HbulidSize").val(hosInfo[0].hbulidsize); $("#House_HusedSize").val(hosInfo[0].husedsize); }
if (matInfo != null) { //表具绑定 $(‘#t1‘).datagrid(‘loadData‘, matInfo); } }});
以上为ComboTree and comselector使用实例解析,更多实例请点击。
easyUI:ComboTree and comselector使用实例解析
声明：以上内容来自用户投稿及互联网公开渠道收集整理发布，本网站不拥有所有权，未作人工编辑处理，也不承担相关法律责任，若内容有误或涉及侵权可进行投诉： 投诉/举报 工作人员会在5个工作日内联系你，一经查实，本站将立刻删除涉嫌侵权内容。