带输入框的jqGrid不可点击答案

【问题标题】：jqGrid with input box is not clickable带输入框的jqGrid不可点击
【发布时间】：2017-01-11 05:36:58
【问题描述】：

我有一个 jqGrid 表和 sortable 行。其中一个网格数据列有一个自定义 foramter，它返回一个输入。

var data = [
    [48803, "DSK1", "", "02200220", "OPEN"],
    [48769, "APPR", "", "77733337", "ENTERED"],
    [48813, "DSK1", "", "02200220", "OPEN"],
    [48770, "APPR", "", "77733337", "ENTERED"]
];

function inputBox (cellvalue, options, rowObject){
    return '<input type="text" value=" '+ rowObject.thingy +'" />';
}

$("#grid").jqGrid({
    datatype: "local",
    height: 250,
    colNames: ['Inv No', 'Thingy', 'Blank', 'Number', 'Status'],
    colModel: [{
        name: 'id',
        index: 'id',
        sorttype: "int"
    }, {
        name: 'thingy',
        index: 'thingy',
        sorttype: "date",
        formatter: inputBox
    }, {
        name: 'blank',
        index: 'blank',
    }, {
        name: 'number',
        index: 'number',
        sorttype: "float"
    }, {
        name: 'status',
        index: 'status',
        sorttype: "float"
    }],
    caption: "Stack Overflow Example",
    gridview: true,
    rowattr: function (rd) {
        if (rd.thingy==="DSK1") {
            return { "class": "notsortable" };
        }
    }
});

var names = ["id", "thingy", "blank", "number", "status"];
var mydata = [];

for (var i = 0; i < data.length; i++) {
    mydata[i] = {};
    for (var j = 0; j < data[i].length; j++) {
        mydata[i][names[j]] = data[i][j];
    }
}

for (var i = 0; i <= mydata.length; i++) {
    $("#grid").jqGrid('addRowData', i + 1, mydata[i]);
}
$('#grid').jqGrid('sortableRows');

可以在以下位置找到工作示例：http://fiddle.jshell.net/ejswLqjz/

当我在 Firefox 中打开网格时，输入不可点击。请注意，输入是可编辑的（如果您一直按 Tab，输入会获得焦点并且您可以对其进行编辑）。它适用于 IE 和 Chrom。

如果我删除可排序的，它工作正常！

【问题讨论】：

标签： javascript jquery html css jqgrid

【解决方案1】：

似乎是一个错误或什么......

我已将onclick="this.focus();" 添加到输入工作样本 http://fiddle.jshell.net/rjj5g370/

【讨论】：