Easyui小知识点汇总

Easyui小知识点汇总

1、Easyui combotree 可多选情况下，设置叶子可选，非叶子节点不可选
2、Easyui datagrid 单元格单击
3、Easyui combobox 默认选中第一项
4、Easyui tabs 选中或激活某个tab
5、Easyui datagrid加截某一页的数据

<input id="reservationProjs" name="reservationProjs">

//初始化服务项目下拉列表$('#reservationProjs').combotree({    valueField:'id',    textField:'text',    //可多选    multiple:true,    width:260,      //设置叶子可选，非叶子节点不可选    onlyLeafCheck: true,    url: "/test/proj/queryComboxTreeProjs.do?"});

运行效果图：

2、Easyui datagrid 单元格单击

onClickCell:function(rowIndex, field, value){    //单元格点击事件    if(field == 'name'){        var rows = $('#dataGrid').datagrid('getRows');        var row = rows[rowIndex];        projNameClick(row.id);    }    if(field == 'status'){        var rows = $('#dataGrid').datagrid('getRows');        var row = rows[rowIndex];        statusClick(row.id);    }}

3、Easyui combobox 默认选中第一项

//初始化项目下拉树$('#projTree').combobox({    valueField:'id',    textField:'name',    width:260,      url: "${pageContext.request.contextPath}/proj/project/queryProjects",   onLoadSuccess: function () {        //加载完成后,设置选中第一项         var val = $(this).combobox('getData');         $(this).combobox('select', val[0].id);    }  });

4、Easyui tabs 选中或激活某个tab

$('#tabs').tabs('select',0);

5、Easyui datagrid加截第二页的数据

$('#dataGrid').datagrid({    url : "${pageContext.request.contextPath}/getList.do",    queryParams : {name:'张三'},    pageNumber: 2,    onLoadError : function(data) {        layer.msg('查询xx信息异常', {icon: 5});    }});