easyUI:ComboTree and comselector使用实例解析

ComboTree

使用场景:故名思意,ComboTree是combox和Tree的结合体,在需要通过选择得到某一个node值的时候触发。

栗子:

easyUI:ComboTree and comselector使用实例解析

定义:

使用标签创建树形下拉框。

Comselector

使用场景:combox在选择时,需要渲染combox的value,comselector在选择时,可以直接从Json中获取值。

栗子:

easyUI:ComboTree and comselector使用实例解析

定义:

使用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使用实例解析,更多实例请点击

上一篇:洛谷T89644 palindrome回文串


下一篇:【30集iCore3_ADP出厂源代码(ARM部分)讲解视频】30-9底层驱动之USART