jQuery Grid Plugin – jqGrid

//Begin Grid
        masterUnitMeasureGrid = jQuery("#masterUnitMeasureList").jqGrid({
        url:'imMasterUnitMeasureXML.php',
        datatype: "xml",
        colNames:[
                    'Size or Container'
                    ,'Desription'
                    ,'Unit Qty'
                    ,'Weight'
                    ,'Volume'
                    ,'Sort'
                ],
        colModel:[
                     {name:'strUnitMeasure',index:'strUnitMeasure', width:100,align:"left",editable:true,edittype:'text',editoptions: {size:25, maxlength: 25},editrules:{required:true}}
                    ,{name:'strUnitMeasureDescription',index:'strUnitMeasureDescription', width:200,align:"left",editable:true,edittype:'text',search:false,editoptions: {size:45, maxlength: 50}}
                    ,{name:'dblUnitMeasureQty',index:'dblUnitMeasureQty', width:50,align:"right",editable:true,edittype:'text',search:false,editoptions: {size:15, maxlength:20,defaultValue:'1'},editrules:{required:true,number:true}}
                    ,{name:'dblWeight',index:'dblWeight', width:50,align:"right",editable:true,edittype:'text',search:false,editoptions: {size:15, maxlength:20,defaultValue:'0'},editrules:{required:true,number:true}}
                    ,{name:'dblVolume',index:'dblVolume', width:50,align:"right",editable:true,edittype:'text',search:false,editoptions: {size:15, maxlength:20,defaultValue:'0'},editrules:{required:true,number:true}}
                    ,{name:'intSort',index:'intSort', width:50,align:"right",editable:true,edittype:'text',search:false,editoptions: {size:15, maxlength:20,defaultValue:'0'},editrules:{required:true,integer:true}}
                ],
        rowNum:50,
        autowidth:true,
        height:pnSize['height']-130,
        forceFit:false,
        shrinkToFit:false,
        loadui:'block',
        rowList:[50,100],
        pager: jQuery('#masterUnitMeasurePager'),
        sortname: 'strUnitMeasure',
        viewrecords: true,
        sortorder: "asc",
        rownumbers: true,
        scroll:true,
        mtype:"POST",
        editurl:'imMasterUnitMeasurePost.php',
        ondblClickRow: function(rowid,iRow,iCol){
            egEditMasterUnitMeasure();
            },
        loadError: function(xhr,st,err) {
                $.jgrid.info_dialog($.jgrid.errors.errcap,'<div class="ui-state-error">Type:' + st + ' Response: ' + xhr.Status + ' ' + xhr.statusText+'</div>', $.jgrid.edit.bClose,{buttonalign:'right'});
            }
        })
        .navGrid('#masterUnitMeasurePager',
                    {edit:false,add:false,del:false,search:false,refresh:false},
                    {}, //edit options
                    {}, //add options
                    {}, //del options
                    {} //search options
                )

        masterUnitMeasureGrid.filterToolbar();
        
        //End Grid

//Edit
    function egEditMasterUnitMeasure()
    {
        var gr = masterUnitMeasureGrid.jqGrid('getGridParam','selrow');
        if(gr && gr!==lastSelUnitMeasure)
        {
            egUnitMeasureEditButtonToggle('hide');
            masterUnitMeasureGrid.jqGrid('restoreRow',lastSelUnitMeasure);
            masterUnitMeasureGrid.jqGrid('editRow',gr,true,null,egUnitMeasureEditRowResp);
            lastSelUnitMeasure = gr;
        }
        else
        {
            alert('please select size');
        }
    }

//Save
    function egSaveMasterUnitMeasure()
    {
        var gr = masterUnitMeasureGrid.jqGrid('getGridParam','selrow');
        if(gr && gr!==lastSelUnitMeasure)
        {
            masterUnitMeasureGrid.jqGrid('saveRow',gr,egUnitMeasureEditRowResp);
        }
        else
        {
            alert('please select size');
        }
    }

    //Server Response
    function egUnitMeasureEditRowResp(result)
    {
        if (result.responseText != 1)
        {
            egUnitMeasureEditButtonToggle('show');
            lastSelUnitMeasure = "";
            $.jgrid.info_dialog($.jgrid.errors.errcap,'<div class="ui-state-error">'+result.responseText+'</div>', $.jgrid.edit.bClose,{buttonalign:'right'});    
            return false;
        }
        return true;
        
    }