如何减少字体大小在jqgrid树格叶行
How to decrease font size in jqgrid treegrid leaf rows
jqgridtreegrid所有行具有相同的字体大小。如何减少没有任何孩子的行字体大小?我试图使用奥列格伟大的答案如何使jqgrid树网格第一行文本粗体使用rowattr为此。我还没有找到一种方法,如何在行中检测行没有子行。
I当前特定情况下所有叶子都在第三层。所以在这种情况下,可以减少整个第三层的字体大小。如何在rowattr中找到树网格嵌套水平?
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;
}
}
);
我从未使用过tregrid,从Oleg提供的样本来看,grid数据中似乎有一个项目isLeaf
。我认为你必须检查rd.isLeaf
,看看这里的演示,那里使用的数据是(第一行)
{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"},
相关文章:
- JQGrid动态行可编辑
- 免费 jqGrid - 行未进入编辑
- jqGrid - 在右键单击时禁止选择行
- 在 jqGrid 中添加子网格行的事件
- jqGrid可排序行,只允许对某些行进行排序
- 如何在不重新加载的情况下在表单编辑中更改主键后刷新jqgrid行id
- Jqgrid可以't选择某些行
- 在jqGrid中的行中添加自定义按钮
- Jqgrid:行乘法不起作用
- 放置在每行jqgrid中的按钮的点击事件未启动
- 空行在调用 addRowData 时被附加到 JQGrid
- jQuery jqGrid 内联编辑 - 取消行编辑将删除该行
- 单击行时突出显示 Jqgrid,但不选中多选复选框
- Jqgrid 更新所有行的列
- 如何在JQGrid的行编辑中禁用某些单元格的编辑
- Jqgrid向行添加附加属性
- 如何减少字体大小在jqgrid树格叶行
- 如何定义JQGrid管理行id的方式
- 需要jqgrid存储行相关帮助
- jqgrid onselected行重定向url在服务器上不起作用(MVC3)