如何在免费 jqgrid 的复选框列中单击以开始内联编辑

Question

如果在复选框列中单击，我正在寻找一种在 jree jqgrid 中开始内联编辑的方法。

目前我正在使用 ClickableCheckBoxFormatter

http://www.ok-soft-gmbh.com/jqGrid/Checkbox.htm

在

中描述

http://www.trirand.com/blog/?page_id=393/feature-request/make-disabled-checkbox-of-the-checkbox-formatter-clickable/

并在

how to fix javascript exception if Oleg clickableCheckboxFormatter is used in jqGrid with single click editing

我尝试了免费的 jqgrid 复选框格式化程序。

问题：

如果鼠标光标放在复选框上，鼠标图标会变为禁用图标。这会给用户带来错误的点击，例如点击不起作用。
实际上双击开始内联编辑

如何修复这些问题，使复选框的行为类似于 ClickableCheckBoxFormatter：

鼠标光标形状不变
单击复选框开始内联编辑。第一次点击应该只开始内联编辑。只有在内联编辑模式下单击才能更改复选框状态。

Answer 1

The demo，您用作参考，使用 disabled 复选框作为格式化程序：

{ name: "closed", width: 70, align: "center", editable: true, formatter: "checkbox",
    edittype: "checkbox", editoptions: {value: "Yes:No", defaultValue: "Yes"},
    stype: "select",
    searchoptions: { sopt: ["eq", "ne"], value: ":Any;true:Yes;false:No" } }

这是问题的根源。我建议您改用 booleanCheckboxFa：

{ name: "closed", width: 70, template: "booleanCheckboxFa" },

喜欢 the demo 或至少是旧的 formatter: "clickableCheckbox":

{ name: "closed", width: 70, align: "center", formatter: "clickableCheckbox",
    edittype: "checkbox", editoptions: {value: "true:false", defaultValue: "false"} }

喜欢the demo.

如何在免费 jqgrid 的复选框列中单击以开始内联编辑

How to start inline editing on single click in checkbox column in free jqgrid

javascript

checkbox

jquery

jqgrid

free-jqgrid