2013-03-23 59 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"},