jqGrid：始终显示选择的可编辑列答案

【问题标题】：jqGrid: Editable column that always shows a selectjqGrid：始终显示选择的可编辑列
【发布时间】：2011-02-28 19:04:30
【问题描述】：

在 jqgrid 中有没有办法让一个可编辑的列使用如下 colModel 示例中的选择：

{ 
name: 'Options', 
index: 'Options', 
width: 150, 
align: 'left', 
resizable: false,
editable: true, 
edittype: 'select', 
editoptions: { 
    value: function() { return buildSelect(); } 
},
formatter: 'select'
}

但总是显示选择？

我以前使用复选框进行此操作，但似乎没有使用选择的方法。理想情况下，我希望它在 celledit 模式下工作。有什么想法吗？

【问题讨论】：

标签： jquery jqgrid

【解决方案1】：

一切皆有可能。我不确定，你想要的是最好的方法。在大多数情况下，我建议使用一些标准方式，这样您的生活会更轻松，尤其是在更改为您使用的控件的新版本之后。

不过，您可以使用自定义格式化程序（请参阅http://www.trirand.com/jqgridwiki/doku.php?id=wiki:custom_formatter）而不是formatter: 'select' 来显示您喜欢的列的包含方式。例如，

{ name: 'Options', width: 150, align: 'left', editable: true, edittype: 'select',
  editoptions: { 
    value: function() { return buildSelect(); } 
  },
  formatter: function (cellvalue, options, rowObject, action) {
    if (cellvalue === 'Yes') {
      return '<select><option value="1" selected="selected">Yes</option>' +
                     '<option value="0">No</option></select>';
    } else {
      return '<select><option value="1">Yes</option>' +
                    '<option value="0" selected="selected">No</option></select>';
    }
  }
}

可用于显示select，带有“是”和“否”值，而不是默认的一个当前值（“是”或“否”）。您还可以为此类select 元素的change 句柄绑定一些函数。

【讨论】：

好东西。发现。我是否仍需要使单元格可编辑（并使用编辑选项）或网格是否会存储自定义格式化程序中创建的下拉列表中的选定值？
自定义格式化程序只显示数据。为了能够更改数据并将更改的值保存在服务器上，您必须使用任何编辑模式（单元格编辑/内联编辑或表单编辑）请参阅trirand.com/jqgridwiki/doku.php?id=wiki:jqgriddocs#editing。