如何在免费jqgrid中的复选框列中单击启动内联编辑

时间:2015-03-30 06:24:06

标签: javascript jquery checkbox jqgrid free-jqgrid

如果点击了复选框列,我正在寻找一种在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:

  • 鼠标光标形状不会改变
  • 单击复选框开始内联编辑。首次单击应该只开始内联编辑。只需单击内联编辑模式即可更改复选框状态。

1 个答案:

答案 0 :(得分: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或至少旧formatter: "clickableCheckbox"

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

喜欢the demo