Question

I have a JQGrid that’s already been initialized. How can I add an event handler to it? I’ve tried

grid.setGridParam({
    onSelectRow: function(rowid, status) {
        alert("onSelectRow");
    }
});

but this doesn’t do anything (no error, but no alert on select either).

---

Update

Turns out the code above actually works fine – although as @jitter points out the new API syntax is preferred. My problem was that grid was referring to the wrong object. For some reason in the gridComplete event handler, $(this) does not return a reference to the grid, but $("#" + this.id) does.

// handles the gridComplete event
gridInitialized = function() {
    var grid = $("#" + this.id); 
    grid.jqGrid("setGridParam", { onSelectRow: selectRow });
};

Answer 1

The correct way to do this (+ using the new API syntax) is this. Doesn’t need a .trigger("reloadGrid")

grid.jqGrid("setGridParam", {
    onSelectRow: function(rowid, status) {
        alert("onSelectRow");
    }
});