jqGrid 學習筆記–數據異步加載方法 隨筆1

var commonQuery = '../importantInfoReport/pageQueryImportantInfoReport.action?type=0'; 
    jQuery("#listImportInfoReport").jqGrid ({ 
        rowNum : 10, 
        type:'POST', 
        pager : '#pagerImportantInfoReport', 
        viewrecords : true, 
        multiselect: true, 
        width: defaultGridWidth, 
        height : defaultGridHeight, 
        url: commonQuery, 
        datatype : "json", 
        jsonReader: {  
          root:"dataRows", page:"page", total:"total", records:"records", repeatitems:false, id : "id" 
        }, 
        colNames : [ 
            'ID', 
            '事件名稱', 
            '事件等級', 
            '進展情況', 
            '接收范圍', 
            '報送人', 
            '報送時間', 
            '操作' 
        ], 
        colModel : [ 
            {name:'id', label:'ID', index:'id',hidden:true} 
            , {name:'eventName', label:'事件名稱', index:'eventName', width:100} 
            , {name:'state', label:'事件等級', index:'state',hidden:true} 
            , {name:'progress', label:'進展情況', index:'progress', width:100} 
            , {name:'receiver', label:'接收范圍', index:'receiver', width:150} 
            , {name:'sendor', label:'報送人', index:'sendor',hidden:true} 
            , {name:'createTime', label:'報送時間', index:'createTime',formatter:'date',formatoptions:{srcformat:'Y-m-d H:i:s',newformat:'Y-m-d H:i:s'}, width:70} 
            , {name:'action', index:'action',align:"center", width:60} 
        ], 
        sortname: 'id', 
        sortorder:  'desc', 
        gridComplete : function() { 
            var ids=jQuery("#listImportInfoReport").jqGrid('getDataIDs'); 
            for(var i=0;i<ids.length;i++) 
            { 
                var cl = ids[i]; 
                //alert(cl); 
                var rowdata=jQuery("#listImportInfoReport").jqGrid('getRowData',cl); 
                //實例ID 
                var Id=rowdata["id"];                
                be = "<input style='height:22px;width:40px;' type='button' value='查看' onclick='javascript:viewImportantInfoReportById(" + Id +")'/>";  
                del = "<input style='height:22px;width:40px;' type='button' value='刪除' onclick='javascript:delImportantInfoReportById(" + Id +")'/>";      
                jQuery("#listImportInfoReport").jqGrid('setRowData',ids[i],{action:be+del}); 
            } 
        }, 
        onSelectRow: function(id){ 
             
        } 
    }); 
    jQuery("#listImportInfoReport").jqGrid('navGrid', "#pagerImportantInfoReport", { 
        edit : false, add : false, del : false, multipleSearch : false, search : false 
    }); 

摘自 Hurry的專欄

發佈留言