JQGRID - disable/enable textbox's readonly property with respect to checkbox status on “edit dialog box(popup)”

Question

JQGRID - On load of edit popup, a Textbox should be made readonly if the checkbox is unchecked . The textbox should be editable if checkbox is checked.

Answer 1

Try to use dataEvents in colModel.

try to implement your checkboxfield like this ...

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'},
]