Check here for the answer

http://stackoverflow.com/quest.....04#2774104

-----------------------------------------------------------------------------------------------------------------------------------

I'm trying to call a function in the onClick event of the button that is created during the gridComplete function..Loads OK…here's what the rendered html looks like for the button in the first row

<input type="button" onclick="deleteRow(9197113);" value="Delete" style="height: 22px; width: 70px;">

but when i click the button…the function is not called and firebug says….

deleteRow is not defined

How can I call a function, rather than having inline javascript,,,(which does work BTW, but I  would like to call the function for readability and maintainability).

Below is the grid Complete portion of the jqGrid settings.

jQuery("#list").jqGrid({

       ………………….

        gridComplete: function() {
            var ids = jQuery("#list").jqGrid('getDataIDs');
            for (var i = 0; i < ids.length; i++) {
                var cl = ids[i];
                de = "<input style='height:22px;width:70px;' type='button' value='Delete' onclick='deleteRow('" + cl + "' );' />";               
                jQuery("#list").jqGrid('setRowData', ids[i], { Delete: de });
            }
        }

       ………………….

 });

Here's the deleteRow() function…

    function deleteRow() {
        alert("hit delete button");
        // jQuery("#grid_id").jqGrid('delGridRow', row_id_s,options );
    }