2011-05-14 56 views
0

我已經按照所示的方式www.trirand.com /博客/的jqGrid/jqgrid.htmljqGrid的亞格並沒有擴張

但亞格未展開

這是我的jqGrid代碼:

jQuery("#list").jqGrid({ 
      url:"../ajax_request/user_table_request.php", 
      datatype: "json", 
      mtype : "post", 
      autoheight:true, 
      autowidth:true, 
      colNames:[ 
       "Kode Jabatan Pengguna", 
       "Id Pengguna", 
       "Username", 
       "Nama Pengguna", 
       "Email", 
       "Id Jabatan", 
       "Nama Jabatan" 
      ], 
      colModel:[ 
       { 
        name:"id", 
        index:"kode_jabatan", 
        align: "center", 
        width:15, 
        editable:false, 
        editoptions:{readonly:true,size:10}, 
        hidden:false 
       }, 

       { 
        name:"id_pengguna", 
        width:10, 
        editable:false, 
        editoptions:{readonly:true,size:10}, 
        hidden:false 
       }, 
       { 
        width:10, 
        editable:false, 
        editoptions:{readonly:true,size:10}, 
        hidden:false 
       }, 
       { 
        width:20, 
        editable:false, 
        editoptions:{readonly:true,size:20}, 
        hidden:false 
       }, 
       { 
        width:10, 
        editable:false, 
        editoptions:{readonly:true,size:10}, 
        hidden:false 
       }, 
       { 
        name:"id_jabatan", 
        width:10, 
        editable:false, 
        editoptions:{readonly:true,size:10}, 
        hidden:false 
       }, 
       { 
        width:10, 
        editable:false, 
        editoptions:{readonly:true,size:10}, 
        hidden:false 
       } 
      ], 
      rowNum:10, 
      rowList:[10,20,30,40,50,60,70,80,90,100], 
      pager: '#pager', 
      sortname: 'kode_jabatan', 
      sortorder: "asc", 
      subGrid : true, 
      subGridUrl: '../ajax_request/grid_jabatan_request.php', 
      subGridModel: [ 
       { 
        name : ['Id Jabatan','Jabatan'], 
        width : [55,200], 
        params:['kode_jabatan'] 
       } 
      ], 
      scrollbar: true 
     }); 
     jQuery("#list").jqGrid('navGrid','#pager',{edit:true,add:false,del:false,search:false}); 
     jQuery("#list").jqGrid('gridResize',{minWidth:350,maxWidth:800,minHeight:80, maxHeight:350}); 

我做錯了什麼? 有人有什麼想法嗎?

我困惑的subgrid.js和grid.subgrid.js他們是一樣的嗎?

回答

0
  1. 您應該爲jqGrid的所有列定義name屬性。目前來自7列的4個沒​​有name
  2. 您不應在colModelsubGridModelname財產中使用空白。您目前在subGridModelname財產中使用'Id Jabatan'
  3. 子網格的數據將由subGridUrl參數定義的url提供。您應該驗證它是否收到請求並使用正確的JSON數據進行回答。
0

當主電網負荷,所有子網格將自動用下面的代碼擴展:

subGridOptions: { 
    "plusicon" : "ui-icon-triangle-1-e", 
    "minusicon" : "ui-icon-triangle-1-s", 
    "openicon" : "ui-icon-arrowreturn-1-e", 
    "expandOnLoad" : true, 
    "reloadOnExpand" : true, 
    "selectOnExpand" : true 

},

+0

老問題,你張貼的答案**不使用網格作爲子網格**。它使用'subGridModel'來共享所有請求的'subGridUrl'。在發出第一個請求(打開第一個子網格)時,內部屬性ts.grid.hDiv.loading將被設置爲true,直到從服務器接收到響應。所以打開下一個子網格的嘗試將會測試'loading'並且會忽略這個請求。所以人們可能會看到'expandOnLoad'打開**只有第一個子網格**而不是打開(展開)所有子網格。而且,2011年5月,jqGrid中不存在'expandOnLoad'。 – Oleg 2015-04-20 12:17:07