问题标签 [composite-application-gu]
For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.
prism - 在 Prism(复合应用程序指南)中,如何将视图动态加载到 TabControl 中?
在 Prism v2 应用程序中,我定义了两个区域,每个区域都是 tabcontrol 中的一个 tabitem:
在引导程序中加载了两个模块,每个模块都将一个视图注入到每个 tabitems 中:
现在,当然,我想执行我一直在阅读的解耦魔术并取消注释其中一个模块,并看到它的选项卡项根本没有出现。而是相反,还是有两个TabItem,一个是空的。这告诉我,我的应用程序仍然像以前糟糕的 WinForm 时代一样紧密耦合数据和 UI。
那么我需要在这里做什么才能使这个动态化,以便 UI 根据加载的模块动态更改,即我可以在我的引导程序中加载 10 个模块/视图,并且 TabControl 中会自动有 10 个 TabItems?
中间答案:
如果我只在 TabControl 中创建一个区域:
然后将两个控件加载到 MainRegion 中:
然后我得到一个带有两个选项卡的 TabControl,每个选项卡都有一个视图,这就是我想要的。
但未定义 TabItem 标头。如何动态定义标头(例如不在 XAML 中,而是在 View 类中动态定义)?
prism - 如何让 Prism RegionManager 添加两个视图而不是只添加一个
我正在使用复合应用程序指南(第 2 版,2009 年 2 月)。
我已经用一个区域构建了 Shell,一个 Bootstrapper 和一个具有两个视图的 Employee Module,我希望 RegionManager 将这两个视图都添加到 shell 中的一个区域。
但是,该区域中仅显示添加到 RegionManager 的最后一个视图。
我需要更改什么以便两个视图都显示在 Shell 的区域中?