Easyui学习整理笔记

@

目录

• (1) 表格双击事件
• (2) treegrid传参更新
• (3) 设置列表checkbox单选
• (4) Easyui实现单行选择和取消选择

对工作中遇到的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);
					}

(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")

(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);
					    }
					}
});