顶部按钮ToolbarAction

顶部按钮ToolbarAction

作者:王书硕


适用于:多列表方案

效果图: 20210413205547_794f617df99918474f17ce4c132eb1af.png

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))
  }

}
  1. 覆盖父类的commandActionResolver方法。向参数commandActions数组中添加ToolbarAction元素即可。
  2. ToolbarAction有两种方式创建。
  3. 简单的话,可以用对象字面量创建。
  4. 复杂的话,就用一个对象来实现ToolbarAction。参考ProjectMultiCloseAction