获取包含 <select> 的网格单元的客户端值

Question

我正在尝试编写一个 jquery 函数来扫描整个 jqrid 以检查其任何单元格是否具有值。

我遇到的问题是似乎没有办法检索包含选择框的单元格的选定值。 jqgrid docs 明确说明了getCell 和getRowData 方法的以下内容。

当你 编辑行或单元格。这会 返回单元格内容而不是 输入元素的实际值

这很公平，但鉴于此，我如何真正获得价值？

无法解析从选择内容返回的 html，因为没有任何选项被标记为已选择，即使它们在浏览器中似乎已被选中。

这里是我的代码的 sn-p 供参考：

var colModels = this.grid.jqGrid('getGridParam', 'colModel');
for (i = 1; i < colModels.length; i++) {
            var colModel = colModels[i];
            if (colModel.edittype == 'select') {
                var colData = this.grid.jqGrid('getCol', colModel.name, false);
                for (j = 0; j < colData.length; j++) {
                    if (colData[j] != 0) {
                        //alert("select change: " + colData[j]);
                        //alert(j+' GridName_' + colModel.name)
                        //alert("select change: " + $('#GridName_' + colModel.name).val());
                        //return has value?;
                    } 
                }
            }
        }

列定义：

{ name: "AppleId", index: "Appled", width: 150, align: "left", resizable: false, editable: true, edittype: "select", editoptions: { value: function() { return xxx.buildAppleSelect(); } }, formatter: function(cellvalue, options, rowObject, action) { return xxx.buildAppleSelectHtml(cellvalue); } };

我还尝试了afterEditCell 和其他类似事件 - 但问题在于 - 单击选择框不会将出售置于编辑模式 - 您必须先单击单元格，然后再单击选择。

简而言之 - 我如何获得选定的值，客户端 - 可以做到吗？

有类似的问题here、here 和here。但似乎没有人解决这个问题（客户端）。

Answer 1

没有。这是我使用 getRowData 从测试网格中获得的一些 HTML：

<select class="editable" size="1" name="test" id="5_test">
 <option value="0">Zero</option>
 <option value="1">One</option>
 <option value="3">Three</option>
 <option value="4">Four</option>
</select>

您是对的 - 标记中没有足够的信息来确定选择了哪个值。为了获得选定的值，您必须使该行退出编辑模式，例如使用网格方法saveRow。

Answer 2

在我看来，丹你走错了路。我不太明白你为什么想要包含<select> 的网格单元，但如果你能解释一下你想要什么，我相信我会找到解决你问题的方法。

首先我解释一下我在你的问题中发现的奇怪之处。如果您定义edittype: "select"，那么jqGid 通常有一个字符串而不是一个<select> 元素。如果您处于 en 编辑模式（例如内联编辑模式），则除选定行之外的所有其他行也有一个字符串，而不是内部的 <select> 元素。如果用户做出选择并按下回车，编辑模式将结束，修改后的数据将被保存（或发送到服务器）。因此，之前显示的值也不重要。

在我看来，由于buildAppleSelect 中的一些自定义值构建和buildAppleSelectHtml 中的自定义格式，您遇到了一些问题。

如果您想从选择中查看中间值，您可以在 editoptions 中使用 dataEvents 和 'change'。

我希望你现在明白我在你的问题中发现的奇怪之处。如果您向我解释您的问题是什么以及为什么您确实有多个 <select> 元素并且想要读取中间选择值，我会尝试为您找到解决方案。

更新：我发布了一个代码，显示了如何在JQGrid Inline Editing : Filter subcategory dropdown list based on another category dropdown 中使用dataEvents 和'change'。可能会对你有所帮助。