JqG​​rid：复选框格式化程序

Question

我正在尝试在我的列上应用复选框。我只想知道如何根据值选中或取消选中这些框。例如，如果列的值为“1”，则选中该框，但如果该列的值为“0”或“null”，则必须取消选中该框。

下面的代码是我整个 jqgrid 代码的一部分。

coleModel[{
    name: 'MENU1', 
    index: 'MENU1', 
    editable: true, 
    sortable: false, 
    search: false, 
    edittype:'checkbox',
    editoptions: { value:"1:0"},
    formatter: function (cellValue, options, rowObject) {
        if (cellValue == '1') {
            return 'Enabled';
        }else if(cellValue == '0') {
            return 'Disabled';
        }else{
            return cellValue;
        }
    }
}]

此列在列表中很好地显示为“已启用”或“已禁用”。 我不知道如何显示复选标记。请让我知道该怎么做。谢谢。

----------------------------------------------------------------------------------------

抱歉问错了问题。很难向我描述。嗯..你们可以参考网站“http://www.trirand.com/jqgridwiki/doku.php?id=wiki:form_editing”吗？ 'editGridRow' 下方的图片。我正在寻找名为“已关闭”的列。 我不是这个领域的专家，所以我无法解释清楚。非常抱歉。

Answer 1

很难理解您，因为您以错误的方式使用现有术语。格式化程序将仅用于根据输入值将数据放置在网格单元格中。例如，您在代码中使用了 custom formatter，如果输入数据为“1”，则将字符串“Enabled”放在列中，如果输入数据为“1”，则将字符串“Disabled”放在列中“0”。

从 cmets 中的后期讨论到您的问题我可以理解（我希望现在我正确理解您），您在编辑表单中使用 edittype: 'checkbox' 时遇到问题。

了解编辑表单将基于列中的值构建，这一点很重要。如果您使用在列中放置“启用”或“禁用”的自定义格式化程序，那么您可以使用

edittype: "checkbox", editoptions: { value: "Enabled:Disabled" }

The demo 演示解决方案。

另一个直觉规则是总是将unformatter 与格式化程序一起定义。例如，您可以将以下内容与您现有的formatter 代码结合使用

unformat: function (cellvalue) {
    switch (cellvalue) {
        case "Enabled":
            return "1";
        case "Disabled":
            return "0";
        default:
            return "0";
    }
},
edittype: "checkbox", editoptions: { value: "1:0" }

The demo 使用代码。

另一种选择是删除自定义格式化程序。如果需要将输入数据替换为字符串，则可以使用predefinedformatter: "select"。如果列的定义将包含以下属性

formatter: "select", formatoptions: { value: "0:Disabled;1:Enabled" },
edittype: "checkbox", editoptions: { value: "1:0", defaultValue: "1" }

因为所有预定义的格式化程序也定义了取消格式化程序，所以edittype: "checkbox" 的value 选项将是"1:0"。

The demo 使用属性，jqGrid 的外观与之前的演示相同。

我个人发现一件事不合逻辑。您在网格中显示“启用”或“禁用”，但在编辑表单中使用复选框。在我看来不是结果。您应该在网格中也使用formatter: "checkbox" 并将复选框放置在网格中，或者您应该使用edittype: "select" 而不是edittype: "checkbox"。在最后一种情况下，用户将只使用文本“启用”和“禁用”。

The corresponding demo 在编辑表单中显示带有“启用”和“禁用”值的选择（下拉菜单）：