随笔分类 - Blazor
aspnet blazor 相关
摘要:BootstrapBlazor组件库,Table组件导出数据到剪切板 解决方案 使用ClipboardService将Table数据导出到剪切板中,并且可以直接粘贴到Excel。 这里我直接采用ExportButtonDropdownTemplate添加了2个新的导出选项,一个是导出当前页,一个是导
阅读全文
摘要:BootstrapBlazor组件库,Clipboard 剪切板服务 组件介绍 本Blazor组件依赖于BootstrapBlazor组件库。 使用该组件之前需要先安装BootstrapBlazor组件库。 可以通过nuget命令行安装 dotnet add package BootstrapBla
阅读全文
摘要:BootstrapBlazor组件库,Marquee 文字滚动组件 组件介绍 本Blazor组件依赖于BootstrapBlazor组件库。 使用该组件之前需要先安装BootstrapBlazor组件库。 可以通过nuget命令行安装 dotnet add package BootstrapBlaz
阅读全文
摘要:BootstrapBlazor组件库,NET8.0使用教程 BootstrapBlazor组件库官网 https://www.blazor.zone/components BootstrapBlazor组件库github仓库地址 https://github.com/dotnetcore/Boots
阅读全文
摘要:BootstrapBlazor组件库,Table组件导出选中行数据 问题描述 有很多小伙伴在使用BootstrapBlazor组件库的Table组件导出功能时,不知道怎么通过外部按钮来导出数据。 解决方案 通过@ref当前表格对象来获取数据,然后进行导出操作。 Razor代码 <Button cla
阅读全文
摘要:BootstrapBlazor组件库,Table组件导出选中行数据 问题描述 有很多小伙伴在使用BootstrapBlazor组件库的Table组件导出功能时,不知道怎么导出选中的行数据。 解决方案 通过SelectedRows来导出选中的行数据。 Razor代码 <Table TItem="Foo
阅读全文
摘要:BootstrapBlazor组件库,EditorForm表单组件自定义提示 问题描述 有很多小伙伴在使用BootstrapBlazor组件库的EditorForm表单组件时,不知道怎么修改提示文本。 解决方案 我们可以修改PlaceHolder的值,来修改默认的提示文本信息。 Razor代码 <E
阅读全文
摘要:BootstrapBlazor组件库,Table组件外部刷新数据 问题描述 有很多小伙伴在使用BootstrapBlazor组件库的Table组件时,经常会遇到外部调用OnQueryAsync的需求。 解决方案 我们可以使用@ref指令,将当前Table对象引用到一个变量上面。 Razor代码 注意
阅读全文
摘要:BootstrapBlazor组件库,项目模板css样式隔离问题 问题描述 有很多小伙伴在使用BootstrapBlazor组件库的项目模板的时候,遇到了隔离样式不生效的问题。 解决方案 只需要添加一行代码即可解决问题。 <link href="xxx.styles.css" rel="styles
阅读全文
摘要:BootstrapBlazor.Splitting 加载动画组件
阅读全文
摘要:BootstrapBlazor组件库调用浏览器全局事件 有时候blazor开发的时候可能会使用一些浏览器的全局事件,但是blazor默认没有提供相关的方法去调用,只能通过js。 BootstrapBlazor组件库为我们提供了封装好的方法可以很方便的去调用。 [Inject] [NotNull] p
阅读全文
摘要:BootstrapBlazor组件库更优雅的调用js方法 在blazor开发中,有时候需要去调用js代码来处理一些逻辑。使用BootstrapBlazor组件库自带的JSModuleAutoLoader特性可以帮助我们更加方便、简洁的去调用js 下面我们用Live2DDisplay这个组件为例 我们
阅读全文
摘要:# BootstrapBlazor组件库,Menu组件NavLinkMatch导致的多个菜单项被被同时选中 BootstrapBlazor版本更新到7.9.0后,Menu组件出现首页同时被选中的情况 组件独立包。 可以通过```nuget```命令行安
阅读全文
摘要:## BootstrapBlazor组件库,在你的Blazor应用程序中添加一个看板娘 效果如图  这里主要
阅读全文
摘要:BootstrapBlazor组件保姆级教程
阅读全文
摘要:
在Blazor中使用Chart.js生成图表
阅读全文
