jqgrid 动态设置单元格不可编辑
生活随笔
收集整理的這篇文章主要介紹了
jqgrid 动态设置单元格不可编辑
小編覺得挺不錯(cuò)的,現(xiàn)在分享給大家,幫大家做個(gè)參考.
單元格可編輯需要設(shè)置3個(gè)地方
1、tableGrid里面的參數(shù) cellEdit:true(開啟行編輯功能) ?false(默認(rèn),不可編輯)
2、cellsubmit: 'clientArray' 設(shè)置編輯完成后的存儲(chǔ)方式
3、colModel 里面的參數(shù)editable:true(開啟單元格編輯功能)?
如何動(dòng)態(tài)設(shè)置單元格不可編輯
首先,表格加載完成后使用gridComplete 事件,給需要?jiǎng)討B(tài)設(shè)置的單元格添加一個(gè)唯一屬性(這里我添加的是樣式)
使用 setCell 方法給單元格設(shè)置屬性
//初始化數(shù)據(jù)
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 {
//沒有數(shù)據(jù)隱藏按鈕
//$("#btnboxId").addClass("step-hide");
}
};
然后根據(jù)選定的值,動(dòng)態(tài)設(shè)置單元格不可編輯 not-editable-cell 這個(gè)屬性就是單元格不可編輯,就算是在單元格設(shè)置了editable:true,也是不可編輯的
$("#tabGrid").jqGrid('setCell', rowid, 'checkTime', '', 'not-editable-cell');
怎么讓單元格再次編輯, 就是要取消剛才給單元格設(shè)置的not-editable-cell屬性
使用剛才初始化給單元格添加的樣式,通過jquery 刪除屬性,單元格就可以再次編輯了
$(".review-"+rowid).removeClass('not-editable-cell');
1、tableGrid里面的參數(shù) cellEdit:true(開啟行編輯功能) ?false(默認(rèn),不可編輯)
2、cellsubmit: 'clientArray' 設(shè)置編輯完成后的存儲(chǔ)方式
3、colModel 里面的參數(shù)editable:true(開啟單元格編輯功能)?
如何動(dòng)態(tài)設(shè)置單元格不可編輯
首先,表格加載完成后使用gridComplete 事件,給需要?jiǎng)討B(tài)設(shè)置的單元格添加一個(gè)唯一屬性(這里我添加的是樣式)
使用 setCell 方法給單元格設(shè)置屬性
//初始化數(shù)據(jù)
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 {
//沒有數(shù)據(jù)隱藏按鈕
//$("#btnboxId").addClass("step-hide");
}
};
然后根據(jù)選定的值,動(dòng)態(tài)設(shè)置單元格不可編輯 not-editable-cell 這個(gè)屬性就是單元格不可編輯,就算是在單元格設(shè)置了editable:true,也是不可編輯的
$("#tabGrid").jqGrid('setCell', rowid, 'checkTime', '', 'not-editable-cell');
怎么讓單元格再次編輯, 就是要取消剛才給單元格設(shè)置的not-editable-cell屬性
使用剛才初始化給單元格添加的樣式,通過jquery 刪除屬性,單元格就可以再次編輯了
$(".review-"+rowid).removeClass('not-editable-cell');
總結(jié)
以上是生活随笔為你收集整理的jqgrid 动态设置单元格不可编辑的全部?jī)?nèi)容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: 无线个人通信(WPAN)-蓝牙
- 下一篇: python 视频截取 利用ffmpeg