BusinessTreeSelect

与 BusinessSelect 一样, 可以将系统里所有的树下拉都定义到一起. 只需一次定义, 全页面都能方便使用.

先初始化组件.

import { BusinessTreeSelectBuilder } from 'react-admin-kit';

// 定义 type 类型
type TreeSelectType = 'org';

const BusinessTreeSelect = BusinessTreeSelectBuilder<TreeSelectType>(
  {
    apis: [
      {
        type: 'org',
        api: queryOrgFunction,
      },
    ],
  })

// 在页面中使用
<BusinessTreeSelect type="org" />;

基本的使用方法

该例子中部门会根据公司级联
和BusinessSelect一样, 同样支持queryParams, 可以传入请求参数.
数据同样会默认缓存.
BusinessTreeSelect可以透传 Antd TreeSelect 的所有属性.

清除缓存

使用clearTreeSelectCache(type: string)方法清除缓存. type 不传清除所有类型的缓存.

onLoad 事件

当下拉数据加载完成后会触发 onLoad 事件. 这个事件对于某些场景非常有用, 例如可以用它实现默认选中第一条数据.

API

BusinessTreeSelectBuilder

属性名	描述	类型	默认值
apis	定义所有的业务下拉;	`ApiType[]`	`[]`
defaultProps	默认属性;	`Omit<BusinessTreeSelectProps<string>, "type">`	`{}`

ApiType

属性名	描述	类型	默认值
api	获取下拉数据的接口	`(params: { [key: string]: any; }) => Promise<any>`	`'-'`
type	下拉选择的名字	`string`	`'-'`
defaultProps	默认属性, 优先级更高	`Omit<BusinessTreeSelectProps<string>, "type">`	`'-'`

属性名	描述	类型	默认值
type	类型;	`string`	`(必选)`
nodeDisabled	禁用某节点;	`(node: any) => boolean`	`--`
labelKey	label的默认读取字段	`string`	`'name'`
valueKey	value的默认读取字段	`string`	`'id'`
queryParams	查询接口的参数. 用法见示例	`Record<string, any>`	`--`
noCache	不缓存数据	`boolean`	`false`
onLoad	下拉数据加载完成后的回调;	`(options: any) => void`	`-`

TABLE OF CONTENTS

TABLE OF CONTENTS

BusinessTreeSelect - 业务树下拉

基本的使用方法

清除缓存

onLoad 事件

API

BusinessTreeSelectBuilder

ApiType

BusinessTreeSelect

BusinessTreeSelect - 业务树下拉

基本的使用方法

清除缓存

onLoad 事件

API

BusinessTreeSelectBuilder

ApiType

BusinessTreeSelect