2013-03-23 64 views
2

jqGrid treegrid所有行的字體大小相同。如何減少沒有任何孩子的行的字體大小? 我試圖使用奧列格在How to make jqgrid treegrid first row text bold偉大的答案使用rowattr爲此。 我還沒有找到一種方式,如何在rowattr dedect該行沒有孩子。如何減小jqgrid treegrid葉行的字體大小

我目前的具體情況所有的葉子都在第三級。所以在這種情況下,可以減少整個第三級的字體大小。如何在rowattr中查找treegrid嵌套級別?

的TreeGrid被定義爲

 var treegrid = $("#tree-grid"); 
     treegrid.jqGrid({ 
      url: '/Store/GridData', 
      datatype: "json", 
      mtype: "POST", 
      height: "auto", 
      loadui: "disable", 
      treeGridModel: "adjacency", 
      colModel: [ 
        { name: "id", width: 1, hidden: true, key: true }, 
        { name: "menu", classes: "treegrid-column", label: "Product tree" }, 
        { name: "url", width: 1, hidden: true } 
       ], 

      gridview: true, 
      rowattr: function (rd) { 
      // todo: decrease font size for leaf rows.     
      if (rd.parent === "-1") { 
       return {"class": "no-parent"}; 
       } 
      }, 
      autowidth: true, 
      treeGrid: true, 
      ExpandColumn: "menu", 
      rowNum: 2000, 
      ExpandColClick: true, 
      onSelectRow: function (rowid) { 
       var treedata = treegrid.jqGrid('getRowData', rowid); 
       window.location = treedata.url; 
      } 
     } 
    ); 
+0

我從來沒用過的TreeGrid,由奧列格提供的樣品,似乎是在網格數據有一個項目isLeaf。我認爲你必須檢查rd.isLeaf在這裏看到演示http://www.ok-soft-gmbh.com/jqGrid/LocalAdjacencyTree14.htm使用的數據有(第一行){id:「1」,name :「現金」,數量:「100」,借方:「400.00」,貸方:「250.00」,餘額:「150.00」,enbl:「1」,等級:「0」,父:「空」,isLeaf:假,展開:true,加載:true,圖標:「ui-icon-carat-1-e,ui-icon-carat-1-s」}, – Kris

+0

優秀。它的工作,謝謝。 – Andrus

+0

@Krisl:如果在stackoverflow上進行搜索,則註釋文本將被忽略。因此,如果您將您的建議寫爲答案並且Andrus將「接受」它會更好。通過這種方式,人們可以獲得更多信息。 – Oleg

回答

2

我沒用過的TreeGrid,從由奧列格提供的示例它似乎是,在網格數據有一個項目isLeaf。我認爲你必須檢查rd.isLeafSee the demo here的數據中使用的有(第一排)

{id: "1", name: "Cash", num: "100", debit: "400.00", credit: "250.00", balance: "150.00", enbl: "1", level: "0", parent: "null", isLeaf: false, expanded: true, loaded: true, icon: "ui-icon-carat-1-e,ui-icon-carat-1-s"},