将内容加载到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>

标签本身内的页面将具有比仅一句话更多的内容。我发现的所有选项卡式示例都在页面上平铺有这样的选项卡内容。有什么方法可以使选项卡内容更具模块化,甚至可以保存在单独的文件中?我希望所有这些都加载到页面初始化中,我只希望没有一个带有所有选项卡内容的庞然大物.razor页面。

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

很显然,这还很新,还没有找到答案。提前致谢。

亨克·霍尔特曼
 <TabPage Text="Tab 1">
    <MyFirstTabbedComponent />
  </TabPage>

然后将MyFirstTabbedComponent.razor开发为页面/组件。
恩芬,您已经做过类似的事情。

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

从href中的数据将内容加载到div中

来自分类Dev

jQuery将内容加载到firefox中的脚本标签中

来自分类Dev

从href中的数据将内容加载到div中

来自分类Dev

将网格面板加载到内容面板中

来自分类Dev

将JSON内容加载到流星模板中

来自分类Dev

将内容从XCode预加载到Documents或Library目录中

来自分类Dev

Ansible:将目录中文件的内容加载到dict中

来自分类Dev

如何从变量将HTML内容加载到UWP WebView中

来自分类Dev

通过jQuery Ajax将内容动态加载到TinyMce中

来自分类Dev

将文件内容加载到C ++结构中

来自分类Dev

将网格面板加载到内容面板中

来自分类Dev

将html或div的内容加载到div中

来自分类Dev

将JSON内容加载到流星模板中

来自分类Dev

jQuery / Ajax将外部页面加载到内容div中

来自分类Dev

Angular - 单击时将内容动态加载到 HTML 中

来自分类Dev

如何将 iframe 的内容加载到 Visual Basic 中?

来自分类Dev

Tabcontrol TabItem中的WPF页面延迟加载

来自分类Dev

将html文件中博客文章的内容加载到模板中,然后加载到索引文件中

来自分类Dev

将ARRAY []中的多个内容加载到wp8中的列表框中

来自分类Dev

使用jQuery将HTML文件中的内容加载到div中

来自分类Dev

如何将html页面中的div内容加载到主页上的div中?

来自分类Dev

OpenCart 内容未加载到页面中?

来自分类Dev

浏览并获取图像的路径,然后将选择内容加载到“访问”表单的文本框中

来自分类Dev

如何将内容加载到类似灯箱的叠加层中

来自分类Dev

使用QTabWidget单击时在运行时将内容加载到选项卡中

来自分类Dev

如何将JQuery ui加载到chrome扩展内容脚本中?

来自分类Dev

除了复制方法以外,如何将大量内容加载到cassandra中?

来自分类Dev

将()网站内容从子目录加载到页面中

来自分类Dev

C程序是否将所有内容都加载到内存中?

Related 相关文章

  1. 1

    从href中的数据将内容加载到div中

  2. 2

    jQuery将内容加载到firefox中的脚本标签中

  3. 3

    从href中的数据将内容加载到div中

  4. 4

    将网格面板加载到内容面板中

  5. 5

    将JSON内容加载到流星模板中

  6. 6

    将内容从XCode预加载到Documents或Library目录中

  7. 7

    Ansible:将目录中文件的内容加载到dict中

  8. 8

    如何从变量将HTML内容加载到UWP WebView中

  9. 9

    通过jQuery Ajax将内容动态加载到TinyMce中

  10. 10

    将文件内容加载到C ++结构中

  11. 11

    将网格面板加载到内容面板中

  12. 12

    将html或div的内容加载到div中

  13. 13

    将JSON内容加载到流星模板中

  14. 14

    jQuery / Ajax将外部页面加载到内容div中

  15. 15

    Angular - 单击时将内容动态加载到 HTML 中

  16. 16

    如何将 iframe 的内容加载到 Visual Basic 中?

  17. 17

    Tabcontrol TabItem中的WPF页面延迟加载

  18. 18

    将html文件中博客文章的内容加载到模板中,然后加载到索引文件中

  19. 19

    将ARRAY []中的多个内容加载到wp8中的列表框中

  20. 20

    使用jQuery将HTML文件中的内容加载到div中

  21. 21

    如何将html页面中的div内容加载到主页上的div中?

  22. 22

    OpenCart 内容未加载到页面中?

  23. 23

    浏览并获取图像的路径,然后将选择内容加载到“访问”表单的文本框中

  24. 24

    如何将内容加载到类似灯箱的叠加层中

  25. 25

    使用QTabWidget单击时在运行时将内容加载到选项卡中

  26. 26

    如何将JQuery ui加载到chrome扩展内容脚本中?

  27. 27

    除了复制方法以外,如何将大量内容加载到cassandra中?

  28. 28

    将()网站内容从子目录加载到页面中

  29. 29

    C程序是否将所有内容都加载到内存中?

热门标签

归档