JQGRID-關於“編輯對話框（彈出）”上的復選框狀態，禁用/啟用文本框的只讀屬性

Question

JQGRID-在加載編輯彈出窗口時，如果未選中復選框，則文本框應設為只讀。 如果選中復選框，則文本框應可編輯。

Answer 1

嘗試在colModel中使用dataEvents 。

嘗試像這樣實現您的checkboxfield ...

colModel: [
{name: 'checkboxfield', sortable: true, sortorder: "ASC", sorttype: "string", editable: true,editoptions: {
                    value: "Active:Inactive", defaultValue: "Active",
                    dataEvents: [{
                        type: "change",
                        fn: function (e) {
                            var $this = $(e.target), columnName = "textboxfield",cellId;
                            if ($this.hasClass("FormElement")) {
                                cellId = columnName;
                            }
                            if ($this.is(":checked")) {
                                $("#" + $.jgrid.jqID(cellId)).prop("readonly", false);
                            }
                            else {
                                $("#" + $.jgrid.jqID(cellId)).prop("readonly", true);
                            }
                        }
                    }]
                }, edittype: "checkbox",   
         }, 
{name: 'textboxfield', sortable: true, sortorder: "ASC", sorttype: "string", editable: true, edittype: 'text'},
]