跳转到内容

工具栏

工具栏集中了页面常用操作按钮,点击按钮即可执行相应操作,实现页面多样化业务功能。

输入参数

名称说明类型默认值
modelData工具栏模型数据Object as IDEToolbar-
provider部件适配器Object as IControlProvider-
context应用上下文对象Object as IContext-
params视图参数对象Object as IParams{}

状态

名称说明类型默认值
isCreated控制器是否走完created生命周期booleanfalse
isMounted控制器是否走完mounted生命周期booleanfalse
isDestroyed控制器是否走完destroy生命周期booleanfalse
context应用上下文对象IApiContext{}
zIndexpopover层级number-
activated当前部件是否为激活状态(缓存下的激活状态,一般与框架的生命周期相同)booleanfalse
isSimple是否是简单模式,简单模式下不加载数据,而是由父组件传值booleanfalse
isLoading部件是否正在加载booleanfalse
loadDefault是否默认加载数据booleantrue
disabled部件禁用状态booleanfalse
maskOption部件遮罩参数IApiMaskOption-
isCounterDisabled是否禁用计数器boolean-
buttonsState工具栏按钮状态IApiButtonContainerState{}
extraButtons额外按钮集合,额外按钮会添加在所有按钮前面或后面IApiExtraButtons{}
counterData计数器数据IApiData{}

控制器

名称说明类型
id控制器实例的唯一标识,创建时自动生成 string
state状态对象,泛型 S
model模型对象,泛型 T
context应用上下文对象 IApiContext
params视图参数对象 IApiParams
view当前视图控制器 IApiViewController & IApiData
ctrlId部件标识 string
controlParams部件参数 IApiParams
layoutPanel部件布局面板控制器 IApiViewLayoutPanelController & IApiData
runMode运行模式(DESIGN:设计模式,RUNTIME:运行时) 'DESIGN' | 'RUNTIME'
allToolbarItems所有工具栏项 IDEToolbarItem[]
force强制更新,触发render函数(_callback?: () => void) => void
startLoading开始加载() => Promise<void>
endLoading加载完毕() => Promise<void>
getControlType获取部件类型() => string
enable取消部件禁用() => void
disabled设置部件禁用(options?: IApiMaskOption) => void
disableCounter禁用部件计数器() => void
emitDEDataChange触发实体数据变更的通知(type: 'create' | 'update' | 'remove', data: IApiData) => void
setExtraButtons设置额外的按钮(可多次调用,会累加)(position: 'before' | 'after' | number, buttons: IApiExtraButton[]) => void
clearExtraButtons清除所有设置的额外按钮(position?: 'before' | 'after' | number) => void
onItemClick执行工具栏按钮点击(item: IDEToolbarItem | IApiExtraButton, event: MouseEvent, params?: IApiData) => Promise<void>

事件

名称描述类型
onCreated自身的准备工作完成(如模型加载,各种初始化,init结束){eventName:string, context:IApiContext, params:IApiParams, data:IApiData[], targetName:string, view:IApiViewController, ctrl:IApiControlController, [key: string]: any}
onMounted没有下级组件created之后的生命周期,有下级时需要等所有下级组件onMounted完成后触发{eventName:string, context:IApiContext, params:IApiParams, data:IApiData[], targetName:string, view:IApiViewController, ctrl:IApiControlController, [key: string]: any}
onBeforeDestroy组件销毁前{eventName:string, context:IApiContext, params:IApiParams, data:IApiData[], targetName:string, view:IApiViewController, ctrl:IApiControlController, [key: string]: any}
onDestroyed自身组件被销毁时触发{eventName:string, context:IApiContext, params:IApiParams, data:IApiData[], targetName:string, view:IApiViewController, ctrl:IApiControlController, [key: string]: any}
onActivated自身组件重新激活{eventName:string, context:IApiContext, params:IApiParams, data:IApiData[], targetName:string, view:IApiViewController, ctrl:IApiControlController, [key: string]: any}
onDeactivated自身组件暂时停用{eventName:string, context:IApiContext, params:IApiParams, data:IApiData[], targetName:string, view:IApiViewController, ctrl:IApiControlController, [key: string]: any}
onUIAction界面行为执行{eventName:string, context:IApiContext, params:IApiParams, data:IApiData[], targetName:string, view:IApiViewController, ctrl:IApiControlController, [key: string]: any}
onRefreshSuccess刷新成功{eventName:string, context:IApiContext, params:IApiParams, data:IApiData[], targetName:string, view:IApiViewController, ctrl:IApiControlController, [key: string]: any}
onClick工具栏点击事件{eventName:string, context:IApiContext, params:IApiParams, data:IApiData[], targetName:string, view:IApiViewController, ctrl:IApiControlController, [key: string]: any}

控件动态参数

名称说明类型默认值
placement该参数可将工具栏固定在屏幕左侧或右侧的顶部、中部、底部位置,可选值包含左上(LEFTSTART)、左侧居中(LEFT)、左下(LEFTEND)、右上(RIGHTSTART)、右侧居中(RIGHT)、右下(RIGHTEND)。仅工具栏样式设为自定义时生效'LEFTSTART' | 'LEFT' | 'LEFTEND' | 'RIGHT' | 'RIGHTSTART' | 'RIGHTEND''RIGHTEND'
direction定义移动端工具栏项的排列方向,可选值包含水平排列(HORIZONTAL)、垂直排列(VERTICAL)。仅工具栏样式设为自定义时生效。'VERTICAL' | 'HORIZONTAL''HORIZONTAL'
showmode定义移动端工具栏的显示模式,可选值包含即时渲染模式(IMMEDIATE)、可折叠模式(COLLAPSIBLE)。'IMMEDIATE' | 'COLLAPSIBLE''IMMEDIATE'
groupshowmode定义移动端工具栏分组与行为组的展示模式,可选值包含DEFAULT(气泡模式,组内容以悬浮气泡形式展示)、ACTIONSHEET(行为列表模式,组内容以下拉抽屉形式展示)。'DEFAULT' | 'ACTIONSHEET''ACTIONSHEET'
未来已来,立即拥抱应用融合的力量
Released under the MIT License.