javascript - 如何在免费 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 ，您用作引用，使用禁用复选框作为格式化程序:

{ 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或者至少是旧的格式化程序:“clickableCheckbox”:

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

喜欢the demo .