如何在免費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/

和在

如果通過單擊編輯在jqGrid中使用Oleg clickableCheckboxFormatter，如何解決javascript異常

我嘗試了免費的jqgrid復選框格式化程序。

問題：

• 如果將鼠標光標置於復選框上方，則鼠標圖標將變為禁用的圖標。 就像點擊不起作用一樣，這會給用戶帶來錯誤的點擊。
• 實際上雙擊開始內聯編輯

如何解決這些問題，使復選框的行為類似於ClickableCheckBoxFormatter：

• 鼠標光標形狀不變
• 單擊復選框將開始內聯編輯。 第一次單擊應僅開始內聯編輯。 只有在嵌入式編輯模式下單擊才能更改復選框狀態。

Answer 1

該演示 （您用作參考）使用禁用的復選框作為格式化程序：

{ 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" },

例如在演示中，或者至少在舊的formatter: "clickableCheckbox" ：

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

喜歡演示 。