[TOC] ## 模块列表 #### 综合效果:路径/list/public ![](https://img.kancloud.cn/70/d5/70d5e146daaa42764a89b5460ecacb45_955x236.png) 数据设置 ~~~ <?php return [ 'type' => 'sql', 'config' => [ 'table' => 'area' ], ]; ~~~ 列表设置 ~~~ <?php return [ 'field' => [ 'id' => [ 'width' => 50, 'fixed' => true // 如果为true,则固定宽度为50px,否则会根据其他进行自动百分比的自适应 ], 'title' => [ 'type' => 'text', // 默认为text类型 'name' => '地名', 'width' => 50, 'edit' => true, // 可编辑 'search' => true // 搜索功能 ], 'sort' => [ 'width' => 60, 'fixed' => true, 'edit' => true, 'order' => true // 排序功能 ], 'create_time' => [ 'type' => 'time', // 当字段为create_time或update_time时为time类型 ], 'update_time' ], 'handle' => [ 'title', 'sort' ] ]; ~~~ 点击:模块列表 > 综合示例 ![](https://img.kancloud.cn/a3/49/a34929f65ef2f179cb2b639a8362f50f_1139x688.png) 编辑效果图 ![](https://img.kancloud.cn/73/20/732016e880b3b24da2a4720a140cb4fb_955x576.png) #### 配置为树状结构:路径/list/public/tree ![](https://img.kancloud.cn/db/9f/db9fa40b239ac7d5a18077551c5c4408_975x280.png) 数据设置 ~~~ <?php return [ 'type' => 'sql', 'config' => [ 'table' => 'area' ], ]; ~~~ 列表设置 ~~~ <?php return [ 'field' => [ 'id' => [ 'width' => 50, 'fixed' => true // 如果为true,则固定宽度为50px,否则会根据其他进行自动百分比的自适应 ], 'title' => [ 'type' => 'text', // 默认为text类型 'name' => '地名', 'width' => 50, 'edit' => true, // 可编辑 'search' => true, // 搜索功能 'title' => true //编辑标题展示,默认展示为表主键ID ], 'sort' => [ 'width' => 60, 'fixed' => true, 'edit' => true, 'order' => true // 排序功能 ], 'create_time' => [ 'type' => 'time', // 当字段为create_time或update_time时为time类型 ], 'update_time' ], 'handle' => [ 'title', 'sort' ], //树状分层模块 'tree' => [ 'parent' => 'parent_id', //父节点 'child' => 'id', //子节点 'value' => 0 //初始值 ], 'is' => [ 'add' => true // 新增按钮(全局) ] ]; ~~~ 相对于综合效果而言,仅添加了title中的title设置和添加tree、is设置,前提是要有父子节点才可以生成树状结构 点击:模块列表 > 树状结构 ![](https://img.kancloud.cn/df/8e/df8e7cd67d13dd9b096a5a5b843bea02_1165x695.png) 编辑效果 ![](https://img.kancloud.cn/9d/08/9d08f614caab482a551213225f5f8dc5_981x587.png) 当编辑时是不能设置自己为父节点的和自己的子节点 ![](https://img.kancloud.cn/7e/66/7e66db74e8994cd79e54e887b96d3de2_946x429.png) 新增的时候是可以看到所有节点的 当设置为树状结构时是不支持搜索功能和分页的,但可以编辑 #### 编辑器:路径/list/edit ![](https://img.kancloud.cn/97/e3/97e35b60c65bc963aaa680fd1b821a4f_960x266.png) 数据设置 ~~~ <?php return [ 'type' => 'sql', 'config' => [ 'table' => 'area' ], ]; ~~~ 列表设置 ~~~ <?php return [ 'field' => [ 'id' => [ 'width' => 50, 'fixed' => true // 如果为true,则固定宽度为50px,否则会根据其他进行自动百分比的自适应 ], 'title' => [ 'type' => 'text', // 默认为text类型 'name' => '地名', 'width' => 50, 'edit' => true, // 可编辑 'search' => true // 搜索功能 ] ], 'handle' => [ 'title' ], 'handleinfo' => [ 'width' => 800, //宽 'height' => 480, //高 //'ismax' => true //是否最大化, 默认为false ], ]; ~~~ handleinfo设置 - width: 窗口宽度,默认固定 - height: 窗口高度,当窗口小于480时则以窗口时间高度展示,当大于480时则高度为480, 可理解为最大高度值 ismax为true时,点击编辑效果为 ![](https://img.kancloud.cn/e1/53/e153bfa83746cce95a955f5dae372c60_1170x699.png) ismax不设置或为false时,点击编辑效果为 ![](https://img.kancloud.cn/01/4d/014d5d12a56299d6a3efa51942a78a3d_1042x701.png) 编辑效果展示 ![](https://img.kancloud.cn/da/7c/da7c6157baba4db0c170b0befc8c959f_1039x660.gif)