可以借鉴的js写法

//定义当前页面的对象
var scrap = {
    //定义当前列表加载页面的tableId
    _table : "#ckTable" ,
    //查询form的Id
    _fromSearch  : "#scrapSearchForm" ,
    //获取数据的url
    _UrlGridData: "*.do?actionMethod=*",
    //提交
    _UrlApprove:"*.do?actionMethod=*",
    //提交
    //dataType
    _dataType:"json",
    //设置get属性的方法
    getTable : function(){
        return $(this._table);
    },
    getScrapSearch : function(){
        return $(this._fromSearch);
    },
    //初始化函数
    init: function (){
        this.initGrid();
    },
    initGrid : function (){
        var self=this;
        this.getTable().jqGrid({
            url :self._UrlGridData,
            datatype :self._dataType,
            mtype:"POST",
            //height  : window.screen.availHeight/2,
            height  : 'auto',
            width : window.screen.availWidth-241,
            colNames : ['''],
            colModel : [
                        {name : 'sid',index : 'sid',align:'center',editable : false, hidden:true},
                        {name : 'pickingCode',index : 'pickingCode',align:'center',editable : false},
                        {name : 'hospitalName',index : 'hospitalName',align:'center',editable : false},                          
                        {name : 'deptName',index : 'deptName',align:'center',editable : false},
                        {name : 'orgName',index : 'orgName',align:'center',editable : false},
                        {name : 'status',index : 'status',align:'center',editable : false,formatter:self.statusFmatter},
                        {name : 'createDate',index : 'createDate',align:'center',editable : false},
                        {name : 'oper',sortable:false,index : 'oper',align:'center',editable : false,
                            formatter : function(value, options,rowObject) {
                                var strReturn = "<a href='#' id='" + rowObject.sid+ "'";
                                if(rowObject.status == 1){
                                    strReturn += " onClick='scrap.approve(this, 0)' title='审批'><span class=\"handle-icon shenpi_2\"></span></a>";
                                }
                                if(rowObject.status != 1){
                                    strReturn += " onClick='scrap.approve(this, 1)' title='查看详情'><span class=\"handle-icon chakanxiangqing\"></span></a>";
                                }
                                return strReturn;
                            },    
                        }
                        ],
            sortable:true,
            rowNum : 15,
            rowList : [ 15, 30, 45 ],
            viewrecords : true,
            jsonReader : {
                repeatitems : false,
                id : "mryProjectReportId"
            },
            prmNames : {
                page : "page", // 表示请求页码的参数名称  
                rows : "rows", // 表示请求行数的参数名称  
                sort : "sidx", // 表示用于排序的列名的参数名称  
                order : "sord", // 表示采用的排序方式的参数名称  
                search : "_search" // 表示是否是搜索请求的参数名称  
            },
            pager : "#gridPager",
            editurl : "operate",
            caption : "",
            hidegrid : true,
            hiddengrid : false,
            loadComplete : function(data) { //完成服务器请求后，回调函数
                if (data.records == 0) {
                    //如果没有记录，下一页，组后一页无法点击
                    $("#next_gridPager").addClass('ui-state-disabled').removeClass('ui-state-hover');
                    $("#last_gridPager").addClass('ui-state-disabled').removeClass('ui-state-hover');
                }
            }
        }).trigger("reloadGrid");
    },
    
    relaodGrid:function (){
        var self = this;
        this.getTable().setGridParam({
            url : self._UrlGridData,
            datatype : self._dataType,
            postData:self.getScrapSearch().serialize(),
            page:1
        }).trigger("reloadGrid");
    },
    
    statusFmatter:function(cellvalue, options, rowObject){
         return getCategory(cellvalue, 'pickingStatus');
    },
    
    queryfind:function(){
        var startDate = $("#startDate").val();
        var endDate = $("#endDate").val();
        if("" != startDate && "" != endDate && startDate > endDate){
            messiAlert("开始时间不能大于结束时间！");
            return false;
        }
        this.relaodGrid();
    },
    
    approve:function (obj, flag){
        var self=this;
        getData(self._UrlApprove+'&id='+obj.id+'&flag='+flag,'','workspace');
    }
};
$(function(){
    scrap.init();
})