BootstrapBlazor
七天.NET 8操作SQLite入门到实战 - 第七天BootstrapBlazor UI组件库引入(1)
前言 由于第七天Blazor前端页面编写和接口对接的内容比较的多,所以这一章节将会分为三篇文章来进行讲解,大家可以认为分为早、中、晚来进行阶段性学习,从而提高学习效率😁。 七天.NET 8 操作 SQLite 入门到实战详细教程 第一天 SQLite 简介 第二天 在 Windows 上配置 SQ ......
BootstrapBlazor组件库,Table组件导出数据到剪切板
BootstrapBlazor组件库,Table组件导出数据到剪切板 解决方案 使用ClipboardService将Table数据导出到剪切板中,并且可以直接粘贴到Excel。 这里我直接采用ExportButtonDropdownTemplate添加了2个新的导出选项,一个是导出当前页,一个是导 ......
BootstrapBlazor组件库,Clipboard剪切板服务
BootstrapBlazor组件库,Clipboard 剪切板服务 组件介绍 本Blazor组件依赖于BootstrapBlazor组件库。 使用该组件之前需要先安装BootstrapBlazor组件库。 可以通过nuget命令行安装 dotnet add package BootstrapBla ......
BootstrapBlazor组件库,Marquee文字滚动组件
BootstrapBlazor组件库,Marquee 文字滚动组件 介绍 本Blazor组件依赖于BootstrapBlazor组件库。 使用该组件之前需要先安装BootstrapBlazor组件库。 可以通过nuget命令行安装 dotnet add package BootstrapBlazor ......
BootstrapBlazor组件库,NET8.0使用教程
BootstrapBlazor组件库,NET8.0使用教程 BootstrapBlazor组件库官网 https://www.blazor.zone/components BootstrapBlazor组件库github仓库地址 https://github.com/dotnetcore/Boots ......
BootstrapBlazor组件库,Table组件外部导出数据
BootstrapBlazor组件库,Table组件导出选中行数据 问题描述 有很多小伙伴在使用BootstrapBlazor组件库的Table组件导出功能时,不知道怎么通过外部按钮来导出数据。 解决方案 通过@ref当前表格对象来获取数据,然后进行导出操作。 Razor代码 <Button cla ......
BootstrapBlazor组件库,Table组件导出选中行数据
BootstrapBlazor组件库,Table组件导出选中行数据 问题描述 有很多小伙伴在使用BootstrapBlazor组件库的Table组件导出功能时,不知道怎么导出选中的行数据。 解决方案 通过SelectedRows来导出选中的行数据。 Razor代码 <Table TItem="Foo ......
BootstrapBlazor组件库,EditorForm表单组件自定义提示
BootstrapBlazor组件库,EditorForm表单组件自定义提示 问题描述 有很多小伙伴在使用BootstrapBlazor组件库的EditorForm表单组件时,不知道怎么修改提示文本。 解决方案 我们可以修改PlaceHolder的值,来修改默认的提示文本信息。 Razor代码 <E ......
BootstrapBlazor组件库,Table组件外部刷新数据
BootstrapBlazor组件库,Table组件外部刷新数据 问题描述 有很多小伙伴在使用BootstrapBlazor组件库的Table组件时,经常会遇到外部调用OnQueryAsync的需求。 解决方案 我们可以使用@ref指令,将当前Table对象引用到一个变量上面。 Razor代码 注意 ......
BootstrapBlazor组件库,项目模板css样式隔离问题
BootstrapBlazor组件库,项目模板css样式隔离问题 问题描述 有很多小伙伴在使用BootstrapBlazor组件库的项目模板的时候,遇到了隔离样式不生效的问题。 解决方案 只需要添加一行代码即可解决问题。 <link href="xxx.styles.css" rel="styles ......
BootstrapBlazor.Splitting 加载动画组件
BootstrapBlazor.Splitting 加载动画组件 介绍 本Blazor组件依赖于BootstrapBlazor组件库开发,底层由Splitting.js和gsap.js实现。 使用该组件库之前需要先安装BootstrapBlazor.Splitting组件独立包。 可以通过nuget ......
bh004- Blazor hybrid / Maui 使用 BootstrapBlazor UI 库快速教程
### 1. 建立工程 bh004_BootstrapBlazorUI [源码](https://github.com/densen2014/BlazorHybrid/tree/master/bh100days/bh004_BootstrapBlazorUI?WT.mc_id=DT-MVP-5005 ......
BootstrapBlazor组件库,组件方法的表达式传参
# BootstrapBlazor组件库,组件方法的表达式传参 有时候我们在循环中创建组件的时候,可能想把item的值也一并传入组件的方法事件中去处理,有很多小伙伴就不知道如何去调用事件了。 下面是一段实例代码,通过循环遍历来创建图片,并且创建一个删除图片的按钮,这个按钮的```OnConfirm` ......
BootstrapBlazor调用浏览器全局事件
# BootstrapBlazor调用浏览器全局事件 有时候blazor开发的时候可能会使用一些浏览器的全局事件,但是blazor默认没有提供相关的方法去调用,只能通过js。 ```BootstrapBlazor```组件库为我们提供了封装好的方法可以很方便的去调用。 ```csharp [Inje ......
BootstrapBlazor组件库更优雅的调用js方法
# BootstrapBlazor组件库更优雅的调用js方法 在blazor开发中,有时候需要去调用js代码来处理一些逻辑。使用BootstrapBlazor组件库自带的```JSModuleAutoLoader```特性可以帮助我们更加方便、简洁的去调用js 下面我们用```Live2DDispl ......
BootstrapBlazor组件库,Menu组件NavLinkMatch导致的多个菜单项被被同时选中
# BootstrapBlazor组件库,Menu组件NavLinkMatch导致的多个菜单项被被同时选中 BootstrapBlazor版本更新到7.9.0后,Menu组件出现首页同时被选中的情况 ![img](https://img2023.cnblogs.com/blog/2902819/20 ......
BootstrapBlazor组件库,DockView组件使用教程
# BootstrapBlazor组件库,DockView组件使用教程 使用该组件库之前需要先安装[BootstrapBlazor.Dock](https://www.nuget.org/packages/BootstrapBlazor.Dock)组件独立包。 可以通过```nuget```命令行安 ......
BootstrapBlazor组件库,在你的Blazor应用程序中添加一个看板娘
## BootstrapBlazor组件库,在你的Blazor应用程序中添加一个看板娘 效果如图 ![img](https://img2023.cnblogs.com/blog/2902819/202307/2902819-20230711201306161-1786295477.png) 这里主要 ......
ABP与BootstrapBlazor 本地化相关处理
最近研究ABP与BootstrapBlazor搭配使用。 但涉及到本地化文件格式,及处理上,两者不同。但各有千秋。 同CRUD下:ABP是有创建、修改、查询、显示等多个模型。但是BootstrapBlazor只需一个模型就能处理所有。 BootstrapBlazor很多组件是根据模型自动解析生成编辑 ......
BootstrapBlazor组件保姆级教程
BootstrapBlazor 组件库保姆级使用教程 BootstrapBlazor组件库官网 https://www.blazor.zone/components BootstrapBlazor组件库github仓库地址 https://github.com/dotnetcore/Bootstra ......
BootstrapBlazor + FreeSql ORM 实战 Table 表格组件维护多表数据 - OneToOne
OneToOne 垂直扩展表字段是很常见的方法, 主表存商品资料, 分表存每个客户对应商品的备注和个性化的价格等等, 本文使用Blazor一步步实现这个简单的需求. ......