欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

Easyui学习整理笔记

程序员文章站 2022-03-30 13:07:01
...


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

相关标签: easyui