I improved the function serialize2Str to get the function name from function handle. So I think the code can work now. but I don't think it's a good solution. I still suggest to modify the jqgrid code to improve the event handle(if  the event is function name, then we should transfer to function handle).

Thank you very much.

I want to use only one list.php to display all grid. the grid definition will be defined in other .php files. The list.php get the grid name from $_REQUEST then gets the grid definition with ajax and display it. Different grid has different options. So I have to pass some parameters to the grid definition. For example, for users management, when edit a user, we should disable the account, but when add a new user, we must enable the account. This action is done in beforeShowForm. But for other grid, there's no such problem. So I have to set the editOptions and some other options as parameters to pass to the list.php.

Thank you very much.

I want to add a link to a field to edit the row. I used the following code:

var disableAccount = function(formid){
    $("#users0_0account").attr('disabled', true);
};

var enableAccount = function(formid){
    $("#users0_0account").attr('disabled', false);
};

var users_editOptions = {
    beforeShowForm:disableAccount,
};

var users_addOptions = {
    beforeShowForm:enableAccount,
};

var users_gridComplete = function(){
    var gridId = '#list';
    grid_addEditLink(gridId, 'users0_0account', users_editOptions);
};

var initUsersColumns = function (jsonData){
    jsonData.editOptions = users_editOptions;
    jsonData.addOptions = users_addOptions;
    jsonData.gridComplete = users_gridComplete;
    return jsonData;
};

anyway, the initUserColumns will be called to set the colModels.

in a common.js, I define the relative functions:

var grid_getOptions = function(action, prop){
    var defaultNavOptions = {view:true};
    var defaultEditOptions = {top:100, left:500, closeOnEscape:true, bottominfo:"Fields marked with (*) are required",};
    var defaultAddOptions = {top:100, left:500, closeOnEscape:true, bottominfo:"Fields marked with (*) are required",};
    var defaultDelOptions = {};
    var defaultSearchOptions = {
            multipleSearch:true,
            gridModel:false,
            gridNames:true,
            formtype:"vertical",
            enableSearch: true,
            enableClear: true,
            autosearch: false,
            filterModel:[],
        };
    var defaultViewOptions = {top:100, left:500, closeOnEscape:true,};
    var options = {};
    switch(action){
        case 'edit':
            options = $.extend(defaultEditOptions, prop || {});
            break;
        case 'add':
            options = $.extend(defaultAddOptions, prop || {});
            break;
        case 'nav':
            options = $.extend(defaultNavOptions, prop || {});
            break;
        case 'search':
            options = $.extend(defaultSearchOptions, prop || {});
            break;
        case 'view':
            options = $.extend(defaultViewOptions, prop || {});
            break;
        case 'del':
            options = $.extend(defaultDelOptions, prop || {});
            break;
           
    }
    return options;
};

var grid_edit = function(gridId, rowId, prop){
    $(gridId).jqGrid('editGridRow', rowId, prop);
};

var grid_addEditLink = function(gridId, col, prop){
    prop = grid_getOptions('edit', prop);
    gridId = gridId || '#list';
    var ids = jQuery(gridId).jqGrid('getDataIDs');
    for(var i=0;i < ids.length;i++){
        var cell = jQuery(gridId).getCell(ids[i], col);
        var link = "javascript:grid_edit('" + gridId + "'," + ids[i] + "," + Object.serialize2Str(prop) + ")";// jQuery('" + gridId + "').editGridRow('"+ids[i]+"')";
        var addLink = "<a href=\\"" + link + "\\">" + cell + "</a>";
        jQuery(gridId).setCell(ids[i], col, addLink);
    }
};

But I can not serialize the function handles in editOptions(always be null, maybe I should improve the serialize2Str function which is get by google:)), so I changed the beforeShowForm to 'disableAccount'/'enableAccount' (just a string, the function name). Of couse it can not work well.

Can the jqGrid change the function name to function handle? I think it's not difficult to get the parameter type of the beforeShowForm (and other event parameters), can you give me any suggestion?

Thank you very much. and please forgive my poor english.

Define the editoptions like this

var editoptions = { ... here all edit options};

then you can easy call

$("#mygrid").navGrid('pager',{...},{}, editoptions,...);

and

$("#mygrid").editGridRow(rowid, editoptions);

Regards

Tony

A question:

I want to edit a row (call editGridRow) via two ways:

1. navGrid.edit. Here I defined the editoptions when navGrid is called.

2. add a link to a column. Here I used the gridComplete to add a link to a column, such as 'name' column. when I click the 'name', a edit form will popup. but I can not use the defined editoptions. How can I get it?

Thanks.