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模式下不工作

希望它能帮助你