企业🤖AI智能体构建引擎,智能编排和调试,一键部署,支持私有化部署方案 广告
## 树形选择器 - 方法原型: ``` addTree($name = '', $title = '', $option = [], $tips = '', $default = null, $attr = []) ``` - 参数说明: ``` * @param string $name 字段名:是否必填 格式: name:require 或 name * @param string $title 标题 * @param array $option 格式:[{id,label,children: []}] * @param string $tips 提示文字 * @param null $default 默认值 * @param array $attr { * node_key:节点的唯一键,默认为id, * disabled: 要禁用的选项key列表, * props: option的属性名定义 { * label: option中label的键名,默认为name, * children: option中children的键名,默认为children, * } * } ``` #### props参数说明 `addTree`中第三个参数需要是一个树形结构,默认每个元素中包含 `id`, `name`, 与 `children`参数,其中`id`与`name`为必须的参数,如果传入的结构不符合默认结构,需要通过`node_key`参数以及`props`中的`label`指定各个键名。 ## 调用方式 - ``` return SBuilder::make('form') ->addTree('tree', '树形选择器', [ ['id' => 1, 'name' => '权限', 'pid' => 0, 'children' => [ ['id' => 2, 'name' => '列表', 'pid' => 1], ['id' => 3, 'name' => '禁用的选项', 'pid' => 1, 'disabled' => true] ]], '', '', [ 'select_all_levels' => true, ] ]) ->fetch(); ``` > 页面效果: ![](images/screenshot_1557820266834.png)