【EasyUI】如何根據條件控制可編輯表格某字段是否可以編輯;

一、問題

最近遇到了一個比較棘手的問題:我有一個可編輯列表,有操作員-經理-總經理三級審批;但是隻有是操作員纔可以添加修改,然後發起流程,其他的角色將不能添加修改,對於該可編輯列表只能查看,後面的角色,只能新增審批意見;如何根據登陸用戶的角色,來控制頁面上可編輯表格的修改權限?

二、分析

角色,權限信息我都可以獲取到,目前的問題是,如何修改EasyUI中可編輯表格的【是否可編輯狀態】;
該目標實現的難點在於:
1.非全頁面設置可讀可寫,而是局部控制可讀可寫;
2.要根據角色變化【可編輯表格】的屬性;

三、解決

基本語法:

在table標籤上加入如下信息:

dataOptions="onClickRow:fun1";

dataOptions是添加在【標籤】上的屬性,裏面可以添加用戶執行的動作;onClickRow表示用戶單擊某一行的記錄時觸發;冒號後面是觸發的方法;觸發方法如下:

在js中加入如下事件方法:

function fun1(rowIndex,rowData){
	//此處添加過濾條件
	//下面這句是:是否失效
	${'目標表的id'}.datagrid('getEditor',{index:rowIndex,field:'目標字段'}).target.renderDisabled(true);
	
}

說明:
1.入參rowIndex表示選中的那一行的下表,從0開始;rowData表示那一行的數據;
2.${‘目標表的id’}是用來獲取目標表格的所有數據;
3.datagrid表示EasyUI獲取表格數據(網格數據)的方法;index,表示下標;field表示那一行的具體的字段;target表示獲取目標。renderDisable()方法是渲染方法,表示是否有效;boolean值true表示有效,可以編輯;false表示無效,點擊後,會變成灰色的不可編輯的矩形方塊;

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章