正在将内容加载到Blazor TabControl中



我已经按照以下和类似的指南创建了一个TabControl:

https://blazor-university.com/templating-components-with-renderfragements/creating-a-tabcontrol/

我的测试Tabs.razor页面上的相关代码是:

<TabControl>
<TabPage Text="Tab 1">
<h1>The first tab</h1>
</TabPage>
<TabPage Text="Tab 2">
<h1>The second tab</h1>
</TabPage>
<TabPage Text="Tab 3">
<h1>The third tab</h1>
</TabPage>
</TabControl>

选项卡中的页面本身将包含比一句话多得多的内容。我发现的所有选项卡示例都有这样的选项卡内容,在页面上很平坦。是否有某种方法可以使选项卡内容更加模块化,可能将其保存在单独的文件中?我想在页面初始化时加载所有内容,我只是不想有一个大的怪物。剃刀页面包含所有选项卡的内容。

我不确定我是否需要这里的嵌套布局,或者什么,或者渲染将如何工作(我需要选项卡内容表现得像顶级的剃刀页面,具有功能和提交操作等…(。

很明显,这是一个很新的问题,还没有找到答案。提前谢谢。

<TabPage Text="Tab 1">
<MyFirstTabbedComponent />
</TabPage>

然后开发MyFirstTabbedComponent.razor作为页面/组件
enfin,你已经做了类似的事情。

相关内容

  • 没有找到相关文章

最新更新