多标签应用程序模式

这个扩展组件支持在主视图的不同标签页（tab）中打开视图，用户可以同时打开多个视图并方便切换。此外，多个视图也可以在同一个标签页中打开，从而创建一个视图堆栈，显示为面包屑。

tabbed mode overview
多标签应用程序模式扩展组件目前还处于试验阶段，可能在下一个 Jmix 版本中可能会发生重大改动。

安装

自动安装，请选择专门的项目模板：

project template

手动安装：

  1. 在 build.gradle 添加以下依赖：

    implementation 'io.jmix.tabbedmode:jmix-tabbedmode-flowui-starter'

  2. 修改 MainView.java 的基类，从 StandardMainView 改为 StandardTabbedModeMainView。

    import io.jmix.tabbedmode.app.main.StandardTabbedModeMainView;

@Route("")
@ViewController(id = "MainView")
@ViewDescriptor(path = "main-view.xml")
public class MainView extends StandardTabbedModeMainView {

    @Autowired
    private Notifications notifications;

    @Subscribe("mainTabSheet")
    public void onMainTabSheetTabsCollectionChange(final TabsCollectionChangeEvent<MainTabSheet> event) {
        notifications.create("Tabs collection changed", "Change type: " + event.getChangeType())
                .show();
    }

    @Subscribe("mainTabSheet")
    public void onMainTabSheetSelectedChange(final SelectedChangeEvent<MainTabSheet> event) {
        notifications.create(event.getSelectedTab() + " is now selected")
                .show();
    }
}

  3. 在 main-view.xml 中，修改 mainView 的 xmlns 属性使用来自扩展组件的 XSD：

    <mainView xmlns="http://jmix.io/schema/tabmod/main-view"
          title="msg://MainView.title">

    然后将 initialLayout 放入一个 workArea 中：

    <workArea id="workArea"
          classNames="jmix-work-area">
    <mainTabSheet id="mainTabSheet"
                  classNames="jmix-main-tabsheet"
                  tabsDraggable="true"
                  width="100%" height="100%">
        <actions>
            <action id="closeThisTabAction" type="tabmod_closeThisTab"/>
            <action id="closeOthersTabsAction" type="tabmod_closeOtherTabs"/>
            <action id="closeAllTabsAction" type="tabmod_closeAllTabs"/>
        </actions>
    </mainTabSheet>
    <initialLayout id="initialLayout"
                   classNames="jmix-initial-layout"
                   width="100%" height="100%">
    </initialLayout>
</workArea>