jQuery EasyUI 数据网格及树插件 #8211; Treegrid 树形网格.pdf

j Query EasyUI 数据⽹格与树插件 – Treegrid 树形⽹格 j Query EasyUI 数据⽹格与树插件 - Treegrid 树形⽹格 j Query EasyUI 插件 扩展⾃ $.fn .datagrid .defaults 。通过 $.fn .treegrid .defaults 重写默认的 defaults 。 树形⽹格 （treegrid ）⽤于以⽹格形式显⽰分层数据。它是 于数据⽹格 （datagrid ） 的，并结合了树视图 （treeview ）和可编辑⽹格。树形⽹格 （treegrid ）允许您创建可 定制的、可异步展开的⾏，并以多列形式显⽰分层数据。 依赖 datagrid ⽤法 在 HTML 标记中创建树形⽹格 （treegrid ）。在⼤多数情况下，树形⽹格 （treegrid ） 遵循与数据⽹格 （datagrid ）相同的结构和格式。 table id=tt class=easyui-treegrid style=width:600px;height:400px data- options=url:get_data php,idField:id,treeField:name thead tr th data- options=field:name,width:180Task Name/th th data- options=field:persons,width:60,align:rightPersons/th th data- options=field:begin,width:80Begin Date/th th data- options=field:end,width:80End Date/th /tr /thead /table 使⽤ j avascript 创建树形⽹格 （treegrid ）。 table id=tt style=width:600px;height:400px/table $(#tt) treegrid({ url:get_data php, idField:id, treeField:name, columns:[[ {title:Task Name,field:name,width:180}, {field:persons,title:Persons,width:60,align:right}, {field:begin,title:Begin Date,width:80}, {field:end,title:End Date,width:80} ]] }); 属性 该属性扩展⾃数据⽹格 （datagrid ），下⾯是为树形⽹格 （treegrid ）添加的属性。 默认 名称 类型 描述 值 idField string 定义标识树节点的键名字段。必需。 null treeField string 定义树节点的字段。必需。 null animate oolean 定义当节点展开或折叠时是否显⽰动画 false 效果。 定义如何从远程服务器加载数据。返回 false