Jqgrid 如何在双击时禁用“单元格可编辑”选项
如何使单元格在双击时不可编辑? 单击即可编辑单元格 我已使用以下代码完成单元格编辑启用:Jqgrid 如何在双击时禁用“单元格可编辑”选项,jqgrid,Jqgrid,如何使单元格在双击时不可编辑? 单击即可编辑单元格 我已使用以下代码完成单元格编辑启用: jQuery("#tree").jqGrid({ url:'json/jsonSamplePots.json', datatype: "json", mtype:'GET', colNames: ["Task id", "Task no.", "Task name", "Prio
jQuery("#tree").jqGrid({
url:'json/jsonSamplePots.json',
datatype: "json",
mtype:'GET',
colNames: ["Task id", "Task no.", "Task name", "Priority", "Start", "End", "Effort(hrs)", "Actual start", "Actual end", "Actual effort(hrs)", "Baseline start", "Baseline end", "Baseline effort(hrs)", "Task type", "Link", "Resources", "Tag"],
colModel: [
{name:'id',width: 30, editable:false, align:"right",sortable:false, hidden: true, key: true},
{name:'no',width:80, editable:false, align:"left", sortable:true, sorttype:"int"},
{name:'name', width:150, editable:true, sortable:true, sorttype:"text"},
{name:'priority', width:80, editable:true, align:"right", sortable:true, sorttype:"int"},
{name:'sDate', width:80, editable:true, align:"right", sortable:true, sorttype:"date"},
{name:'eDate', width:80, editable:true, align:"right", sortable:true, sorttype:"date"},
{name:'effort', width:80, editable:true, align:"right", sortable:true, sorttype:"int"},
{name:'asDate', width:80, editable:true, align:"right", sortable:true, sorttype:"date"},
{name:'aeDate', width:80, editable:true, align:"right", sortable:true, sorttype:"date"},
{name:'aeffort', width:80, editable:true, align:"right", sortable:true, sorttype:"int"},
{name:'bsDate', width:80, editable:true, align:"right", sortable:true, sorttype:"date"},
{name:'beDate', width:80, editable:true, align:"right", sortable:true, sorttype:"date"},
{name:'beffort', width:80, editable:true, align:"right", sortable:true, sorttype:"int"},
{name:'type', width:120, editable:true, align:"left", sortable:true, sorttype:"text"},
{name:'link', width:80, editable:true, align:"left", sortable:true, sorttype:"text"},
{name:'resources', width:300, editable:true, align:"left", sortable:true, sorttype:"int"},
{name:'ref', width:80, editable:true, align:"right", sortable:true, sorttype:"int"},
],
rowNum:10,
rowList:[10,20,30],
pager: '#pcolch',
sortname: 'no',
treeGridModel:'adjacency',
autowidth:false,
sortorder: 'desc',
caption:"<a href="#">Task</a>
toolbar:[true,"top"],
treeGrid: true,
cellEdit: true,
sortable: true,
shrinkToFit :true,
//viewrecords: true,
height:'auto',
ExpandColumn:'name',
cellsubmit : 'clientArray',
jQuery(“树”).jqGrid({
url:'json/jsonSamplePots.json',
数据类型:“json”,
mtype:'GET',
colNames:[“任务id”、“任务编号”、“任务名称”、“优先级”、“开始”、“结束”、“工作量(小时)”、“实际开始”、“实际结束”、“实际工作量(小时)”、“基线开始”、“基线结束”、“基线工作量(小时)”、“任务类型”、“链接”、“资源”、“标记”],
colModel:[
{name:'id',width:30,editable:false,align:right,sortable:false,hidden:true,key:true},
{名称:'no',宽度:80,可编辑:false,对齐:“left”,可排序:true,排序类型:“int”},
{名称:'name',宽度:150,可编辑:true,可排序:true,排序类型:“text”},
{名称:'priority',宽度:80,可编辑:true,对齐:“right”,可排序:true,排序类型:“int”},
{名称:'sDate',宽度:80,可编辑:true,对齐:“right”,可排序:true,排序类型:“date”},
{名称:'eDate',宽度:80,可编辑:true,对齐:“right”,可排序:true,排序类型:“date”},
{名称:'efforce',宽度:80,可编辑:true,对齐:“right”,可排序:true,排序类型:“int”},
{名称:'asDate',宽度:80,可编辑:true,对齐:“right”,可排序:true,排序类型:“date”},
{名称:'aeDate',宽度:80,可编辑:true,对齐:“right”,可排序:true,排序类型:“date”},
{名称:'aeffort',宽度:80,可编辑:true,对齐:“right”,可排序:true,排序类型:“int”},
{名称:'bsDate',宽度:80,可编辑:true,对齐:“right”,可排序:true,排序类型:“date”},
{名称:'beDate',宽度:80,可编辑:true,对齐:“right”,可排序:true,排序类型:“date”},
{名称:'beffort',宽度:80,可编辑:true,对齐:“right”,可排序:true,排序类型:“int”},
{名称:'type',宽度:120,可编辑:true,对齐:“left”,可排序:true,排序类型:“text”},
{名称:'link',宽度:80,可编辑:true,对齐:“left”,可排序:true,排序类型:“text”},
{名称:'resources',宽度:300,可编辑:true,对齐:“left”,可排序:true,排序类型:“int”},
{名称:'ref',宽度:80,可编辑:true,对齐:“right”,可排序:true,排序类型:“int”},
],
rowNum:10,
行列表:[10,20,30],
传呼机:“#pcolch”,
sortname:'否',
树模型:'邻接',
自动宽度:false,
排序器:“desc”,
标题:“
工具栏:[正确,“顶部”],
特雷格里德:没错,
是的,
可排序:是的,
shrinkToFit:是的,
//viewrecords:是的,
高度:'自动',
ExpandColumn:“名称”,
cellsubmit:'客户端阵列',
我建议使用行编辑而不是单元格编辑。我已经为此奋斗了一段时间,但单元格编辑不如行编辑灵活。通过行编辑,您可以达到与单元格编辑完全相同的目标
您可以使用onCellSelect事件启用“单元格编辑”(行编辑),并使用event参数捕获事件是否为双击事件。我在自己的项目中使用了类似的方法:
'onCellSelect' : function(rowId, iCol, cellcontent, e) {
if(rowId && rowId !== lastsel && e.type != 'onDblClick') {
$('#resultsgrid').jqGrid(
'saveRow',
lastsel,
null,
'clientArray',
null,
saveEditRow
);
$('#resultsgrid').jqGrid('restoreRow', lastsel);
$('#resultsgrid').jqGrid('editRow', rowId, false);
lastsel = rowId;
}
}
上面的注释只是一个例子,您可能无法复制/粘贴它以在您自己的项目中使用它。您应该测试它是否适合您
并不是说onCellSelect在celledit模式下不工作
希望它能帮助你