jQuery Grid Plugin - jqGrid

Tony,

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.

Tony,

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.