当前位置：网站首页>Easyui学习整理笔记

Easyui学习整理笔记

2022-07-07 09:35:00 【51CTO】

@[toc]
对工作中遇到的easyui做一下笔记，不定时更新

(1) 表格双击事件

datagrid和treegrid都适用，例子：

       
                    onDblClickRow :function(rowIndex,rowData){
       
                        var selections = $("#areaList").datagrid('getSelections');
       
                        var areaSeq = selections[0].areaSeq;
       
                        var areaName = selections[0].areaName;
       
                        var status = selections[0].tipsAreaRelaStatus;
       
                        if(status =='1'){
       
                            $.messager.alert("操作提示","已配置过该提示语，继续配置数据将覆盖旧数据！","warning");
       
                            return;
       
                        }
       
                        treeOption.addNodeToList(1,areaSeq,areaName,status);
       
                    }
      
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.

(2) treegrid传参更新

       
       var jsonData = {'queryFlag':flag,
       
                            　　　'areaName':$('#areaName').val()
       
                               };
       
$('#areaList').treegrid({
       
                    queryParams: jsonData
       
});        
       
var params = $("#areaList").treegrid("options").queryParams;
       
$("#areaList").treegrid("options").queryParams=params;
       
$("#areaList").treegrid("reload")
      
1.
2.
3.
4.
5.
6.
7.
8.
9.

(3) 设置列表checkbox单选

easyui设置checkbox单选：singleSelect : true

(4) Easyui实现单行选择和取消选择

       
       var isCheckFlag = true;
       
$('#flowList').datagrid({
       
                ....
       
                onClickCell:function(rowIndex,field,value){
       
                        isCheckFlag = false;
       
                    },
       
                    onSelect:function(rowIndex,rowData){
       
                        if(!isCheckFlag){
       
                            $(this).datagrid('unselectAll');
       
                            isCheckFlag = true;
       
                            $(this).datagrid('selectRow', rowIndex);
       
                            }
       
                    },
       
                    onUnselect:function(rowIndex,rowData){
       
                        if(!isCheckFlag) {
       
                            isCheckFlag = true;
       
                            $(this).datagrid('unselectRow', rowIndex);
       
                        }
       
                    }
       
});
       
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
19.
20.