如何减小 jqgrid treegrid 叶行中的字体大小答案

【问题标题】：How to decrease font size in jqgrid treegrid leaf rows如何减小 jqgrid treegrid 叶行中的字体大小
【发布时间】：2013-03-23 09:27:01
【问题描述】：

jqGrid treegrid 所有行都有相同的字体大小。如何减小没有子级的行的字体大小？我尝试在How to make jqgrid treegrid first row text bold 中使用 Oleg 很好的答案来为此使用 rowattr。我还没有找到一种方法如何在 rowattr 中检测该行没有孩子。

我当前的具体情况是所有叶子都在第三级。所以在这种情况下，可以减小整个第三级的字体大小。如何在 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;
            }
        }
      );

【问题讨论】：

我从未使用过treegrid，从Oleg提供的示例来看，似乎在grid data中有一个item isLeaf。我认为您必须检查 rd.isLeaf 在这里查看演示ok-soft-gmbh.com/jqGrid/LocalAdjacencyTree14.htm 使用的数据是（第一行）{id：“1”，名称：“Cash”，num：“100”，借方：“400.00” , credit: "250.00", balance: "150.00", enbl: "1", level: "0", parent: "null", isLeaf: false, expand: true, loaded: true, icon: "ui-icon- carat-1-e,ui-icon-carat-1-s"},
优秀。成功了，谢谢。
@Krisl：如果在 stackoverflow 上进行一次搜索，则会忽略 cmets 的文本。所以如果你把你的建议写成答案会更好，Andrus 会“接受”它。这样可以让其他访问者获得更多信息。
@Oleg，我犹豫是否将其发布为答案，原因有两个，1. 我从未使用过 treegrid，2. 答案基于您的帖子和示例。

标签： javascript jquery-ui jqgrid

【解决方案1】：

我从未使用过treegrid，从Oleg 提供的示例来看，似乎在网格数据中有一个项目isLeaf。我认为您必须检查rd.isLeaf See 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"},

【讨论】：