Easyui 控件问题总结

1. easyui combox 当输入框中的值与下拉列表中的值相同的时候，就需要选中下拉列表中的值

formatter: function(row){
var opts = $(this).combobox('options');
if ($(this).val() == row[opts.textField]) {
$(this).combobox('select', row.id);
}
return row[opts.textField];

}

上面的使用了select方法进行选中

2. treegrid事件的总结

折叠前触发的事件

onBeforeExpand : function(row){
$("#sys-area-treegrid").treegrid('options').url = top.XPM.ctx + '/sys/area/findProvinceByArea?areaId='+row.id;
},

点击treegrid行触发的事件

onClickRow : function(row){
//清空datagrid选中的
clearSelections();
//判断点击的是区还是省份，0标识区域标识，1标识省份标识
if (row.areaFlagId == 0) {
provinceQuery(row.id);
} else {
cityQuery(row.id);
}

}

treegrid加载数据

sysAreaTreegrid.treegrid({
url : top.XPM.ctx + "/sys/area/findArea"

});

datagrid加载数据

sysAreaDatagrid.datagrid({
url : top.XPM.ctx + "/sys/area/findProvince?areaId="+areaId
});

datagrid列中可以通过设置百分比和数值来进行宽度的调节

easyui datagrid中选中行后进行删除操作，然后点击删除操作，会出现删除的数据行仍然存在，这是可以使用

//删除成功后，清空datagrid已经选中的

sysParamsDatagrid.datagrid('clearSelections');

easyui datagrid选中多行

var rows = sysParamsDatagrid.datagrid("getSelections");

选中多行数据后可以进行遍历收集数据

var ids = rows.map(function(r){
return r.id;

});

前台遍历数据成数组格式到后台spring mvc映射

@RequestBody Long[] ids

在mybatis中作为 int deleteByIds(@Param("ids") Long... ids);可变参数进行传递

选中单行数据

var row = userDatagrid.datagrid("getSelected");