jqgrid 动态设置单元格不可编辑
生活随笔
收集整理的這篇文章主要介紹了
jqgrid 动态设置单元格不可编辑
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
單元格可編輯需要設置3個地方
1、tableGrid里面的參數 cellEdit:true(開啟行編輯功能) ?false(默認,不可編輯)
2、cellsubmit: 'clientArray' 設置編輯完成后的存儲方式
3、colModel 里面的參數editable:true(開啟單元格編輯功能)?
如何動態設置單元格不可編輯
首先,表格加載完成后使用gridComplete 事件,給需要動態設置的單元格添加一個唯一屬性(這里我添加的是樣式)
使用 setCell 方法給單元格設置屬性
//初始化數據
function getInitFormatData(){
var ids = jQuery("#tabGrid").jqGrid('getDataIDs');
if (ids.length > 0){
$.each(ids,function(i,v){
$("#tabGrid").jqGrid('setCell', v, 'checkTime', '', 'review-'+v);
//getIsCheckResult(v);
});
} else {
//沒有數據隱藏按鈕
//$("#btnboxId").addClass("step-hide");
}
};
然后根據選定的值,動態設置單元格不可編輯 not-editable-cell 這個屬性就是單元格不可編輯,就算是在單元格設置了editable:true,也是不可編輯的
$("#tabGrid").jqGrid('setCell', rowid, 'checkTime', '', 'not-editable-cell');
怎么讓單元格再次編輯, 就是要取消剛才給單元格設置的not-editable-cell屬性
使用剛才初始化給單元格添加的樣式,通過jquery 刪除屬性,單元格就可以再次編輯了
$(".review-"+rowid).removeClass('not-editable-cell');
1、tableGrid里面的參數 cellEdit:true(開啟行編輯功能) ?false(默認,不可編輯)
2、cellsubmit: 'clientArray' 設置編輯完成后的存儲方式
3、colModel 里面的參數editable:true(開啟單元格編輯功能)?
如何動態設置單元格不可編輯
首先,表格加載完成后使用gridComplete 事件,給需要動態設置的單元格添加一個唯一屬性(這里我添加的是樣式)
使用 setCell 方法給單元格設置屬性
//初始化數據
function getInitFormatData(){
var ids = jQuery("#tabGrid").jqGrid('getDataIDs');
if (ids.length > 0){
$.each(ids,function(i,v){
$("#tabGrid").jqGrid('setCell', v, 'checkTime', '', 'review-'+v);
//getIsCheckResult(v);
});
} else {
//沒有數據隱藏按鈕
//$("#btnboxId").addClass("step-hide");
}
};
然后根據選定的值,動態設置單元格不可編輯 not-editable-cell 這個屬性就是單元格不可編輯,就算是在單元格設置了editable:true,也是不可編輯的
$("#tabGrid").jqGrid('setCell', rowid, 'checkTime', '', 'not-editable-cell');
怎么讓單元格再次編輯, 就是要取消剛才給單元格設置的not-editable-cell屬性
使用剛才初始化給單元格添加的樣式,通過jquery 刪除屬性,單元格就可以再次編輯了
$(".review-"+rowid).removeClass('not-editable-cell');
總結
以上是生活随笔為你收集整理的jqgrid 动态设置单元格不可编辑的全部內容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: 无线个人通信(WPAN)-蓝牙
- 下一篇: 手机发送短信验证码登录完整实例