easyUI 创建一个基础的TreeGrid

最新推荐文章于 2023-05-04 11:58:26 发布

雨泽

最新推荐文章于 2023-05-04 11:58:26 发布

阅读量3.8k

点赞数 1

分类专栏： javascript 文章标签： datagrid browser tree 浏览器 date class

javascript 专栏收录该内容

164 篇文章 0 订阅

订阅专栏

@author YHC

TreeGrid组件从DataGrid继承但是允许一个parent/child 节点关系在行之间,许多属性继承至DataGrid 可以用在TreeGrid,使用TreeGrid,用户必须定义treeField属性这个指明那么字段作为tree节点.

这个教程向你展示,如何使用TreeGrid 设置一个文件夹浏览器.

查看 Demo

创建 TreeGrid

<table id="test" title="Folder Browser" class="easyui-treegrid" style="width:400px;height:300px"  
        url="data/treegrid_data.json"  
        rownumbers="true"  
        idField="id" treeField="name">  
    <thead>  
        <tr>  
            <th field="name" width="160">Name</th>  
            <th field="size" width="60" align="right">Size</th>  
            <th field="date" width="100">Modified Date</th>  
        </tr>  
    </thead>  
</table>