BootstrapBlazor组件库,DockView组件使用教程
BootstrapBlazor组件库,DockView组件使用教程
使用该组件库之前需要先安装BootstrapBlazor.Dock组件独立包。
可以通过nuget
命令行安装
NuGet\Install-Package BootstrapBlazor.Dock -Version 7.0.11
或者双击项目名称直接添加ItemGroup
<ItemGroup>
<PackageReference Include="BootstrapBlazor.Dock" Version="7.0.11" />
</ItemGroup>
重点关注DockContent的Type 属性
属性 | 说明 |
---|---|
DockContentType.Row | 行排列 水平排列 |
DockContentType.Column | 列排列 垂直排列 |
DockContentType.Stack | 标签排列 |
DockContentType.Component | 组件 |
使用时添加razor如下代码
<DockView Name="DockViewColumn" >
<DockContent Type="DockContentType.Column">
<DockComponent Title="left dock" ShowClose="false">
<div>
left dock
</div>
</DockComponent>
<DockComponent Title="right dock" ShowClose="false">
<div>
right dock
</div>
</DockComponent>
</DockContent>
</DockView>
上面的代码包含了一个外部的DockView
容器,内部的DockContent
支持嵌套,运行结果如图。
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】凌霞软件回馈社区,博客园 & 1Panel & Halo 联合会员上线
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】博客园社区专享云产品让利特惠,阿里云新客6.5折上折
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· 微软正式发布.NET 10 Preview 1:开启下一代开发框架新篇章
· 没有源码,如何修改代码逻辑?
· PowerShell开发游戏 · 打蜜蜂
· 在鹅厂做java开发是什么体验
· WPF到Web的无缝过渡:英雄联盟客户端的OpenSilver迁移实战