@[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);
- }
(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);
- }
- }
- });
来源: http://www.jianshu.com/p/7cf3170ee2db