顶部按钮ToolbarAction
作者:王书硕
适用于:多列表方案
效果图:
export class ProjectListPagePresenter extends QueryListPagePresenter{
protected commandActionResolver(commandActions: ToolbarAction[]): ToolbarAction[] {
// 简单的action
commandActions.unshift({
id: 'project-view',
group: ToolbarActionGroup.Group1,
action: this.presenter.toolbarConnector.makeCreateButton({
onClick: billTypeId => {
},
}),
});
// 复杂的action
commandActions.push(new ProjectMultiCloseAction(this.presenter.listSolutionConnector))
}
}
- 覆盖父类的commandActionResolver方法。向参数commandActions数组中添加ToolbarAction元素即可。
- ToolbarAction有两种方式创建。
- 简单的话,可以用对象字面量创建。
- 复杂的话,就用一个对象来实现ToolbarAction。参考ProjectMultiCloseAction