jqgrid雙標題

我們可以在jqgrid中包含兩個標題嗎？一個有colModel，另一個沒有colModel？jqgrid雙標題

另外我有一個問題，當我點擊一行，整個網格得到突出顯示。我該如何解決這個問題？

CSS代碼：

.cssclass{ 

      background-color : #EEEEEE; 
      font-family: Verdana, Arial, Helvetica, sans-serif; 
      font-size: 11px; 
      color: #0B0B61; 
      border: 0; 
      font-weight: bold; 
      text-align: center; 
      text-indent: 2pt; 
      padding-top: 2px; 
      padding-right: 2px; 
      padding-left: 2px; 
      left: expression(parentNode.parentNode.parentNode.parentNode.parentNode.scrollLeft); 
      position:relative; 
      z-index:10; 
      cursor: default; 
    }

的jqGrid代碼：

 $.ajax({ 

      type: "POST", 
      url: 'cfcs/index.cfc?method=getCols', 
      data: "", 
      dataType: "json", 
      success: function(result) 
      { 

       colM = eval("([" + result.COLMODEL + "])"); 
       colN = result.COLNAMES; 


       jQuery("#list").jqGrid({ 

        url:'cfcs/index.cfc?method=getDetails', 
        datatype: 'json', 
        mtype: 'POST', 

        colNames:colN, 
        colModel :colM, 
        height: 'auto', 
        hoverrows: true, 
        width: 1260, 
        shrinkToFit: false, 
        pager: jQuery('#pager'), 
        resizable: false, 
        rowNum: 25, 
        rowList: [25, 50, 100], 
        viewrecords: true, 
        jsonReader: { 
         root: "ROWS", //our data 
         page: "PAGE", //current page 
         total: "TOTAL", //total pages 
         records:"RECORDS", //total records 
         cell: "", 
         id: "0" 
        } 
        //loadComplete: function(data){alert('loaded');}, 
        //loadError: function(xhr,status,error){alert('error');} 
       }) 
       $("#list").setLabel("col1","<br><br>col1","cssclass"); 
       $("#list").setLabel("col2","<br><br>col1","cssClass"); 

       $("#list").jqGrid('navGrid','#pager',{ 
        edit:false, 
        add:false, 
        del:false, 
        search:true, 
        refresh: true, 
        searchtext:"Search", 
        refreshtext: "Refresh", 
        'cloneToTop':true 
       }); 
      }, 
      error: function(x, e) 
      { 
       alert(x.readyState + " "+ x.status +" "+ e.msg); 
      } 


     });

感謝。

來源

2011-01-07 DG3

你的意思2標題行？或者是一個2行高的標題行？ – Zac 2011-01-07 17:39:33

@Zac。兩個標題行。一個標題包含所有必需的列。我需要在第一個標題頂部的第二個標題包含一些列的日期範圍。 – DG3 2011-01-07 17:51:44

關於你的第二個問題。我建議你爲所有網格行使用相同的ID。行ID必須是唯一的，那麼你不會有descibed問題。

關於兩個標題我不太明白你的意思。可以輕易地解釋一下你的意思或者張貼照片。

來源

2011-01-07 17:42:41 Oleg

您可能會考慮在每個日期範圍內使用單獨的網格，並將它們格式化爲看起來像是在一起。

--------------------------------------------------- 
|   1/1/2010  |   1/2/2010  | 
--------------------------------------------------- 
| grid 1 header  | grid 2 header   | 
---------------------------------------------------

你可以並列GRID1的各種活動，並一起GRID2在GRID1所以選擇行10 GRID2選擇它。

您可能還想看看「高級」下的subgrid demos here，看看是否有適合您的數據的東西。

替代

閱讀過您的意見後，我認爲這可能是更接近你想要什麼，只是改變了日期範圍的單位。 alt text

.ui-jqgrid .ui-jqgrid-htable th div 
{ 
    height: auto; 
    padding: 5px 0px; 
}

來源

2011-01-07 19:29:22 Zac

回答

相關問題