随笔分类 - Blazor
Blazor
摘要：今天我们来介绍一下 Bootstrap Blazor 中 Table 组件的虚拟滚动行，什么是虚拟滚动呢，我查到的解释是：只渲染可视区域的列表项，非可见区域的 完全不渲染，在滚动条滚动时动态更新列表项。 然后很明显，在实际应用中不可能实现“非可见区域的 完全不渲染”，这样的体验效果太差了，下拉直接空
阅读全文
摘要：原文链接：https://www.cnblogs.com/ysmc/p/16237683.html 官方链接：https://www.blazor.zone/autocompletes 简介 AutoComplete 组件，可以根据用户所输入的字符串匹配出候选项，如需要输入邮箱时，自动提供可供选择的
阅读全文
摘要：原文链接：https://www.cnblogs.com/ysmc/p/16223154.html Bootstrap Blazor 官方链接：https://www.blazor.zone/tables 上一篇文章说到 Table 组件的智能生成，有了自动生成，肯定会有自定义的。 一、指定生成列
阅读全文
摘要：原文链接：https://www.cnblogs.com/ysmc/p/16201153.html Bootstrap Blazor 官网地址：https://www.blazor.zone 有了解过 Bootstrap Blazor 组件库的，都应该知道 Table 组件是多么的强大，我在之前的文
阅读全文
摘要：原文链接：https://www.cnblogs.com/ysmc/p/16197223.html BootstrapBlazor 官网地址：https://www.blazor.zone Bootstrap Blazor 提供了一个快速创建项目的项目模板，安装方法可参考我这一篇文章：Bootstr
阅读全文
摘要：原文链接：https://www.cnblogs.com/ysmc/p/16184049.html 组件介绍 Timer 计时器组件，用于计时，提供良好的用户视觉体验。 可通过设置 Value 属性 或者 直接页面上进行选择设定倒计时时间，支持鼠标滚轮选择，如果是手机端，组件还提供震动反馈效果。 组
阅读全文
摘要：原文链接：https://www.cnblogs.com/ysmc/p/16157827.html Cascader 级联选择 提供各种颜色的下拉选择框 示例 razor 1 <div class="row g-3"> 2 <div class="col-12 col-sm-6"> 3 <Casca
阅读全文
摘要：Blazor 组件通讯示例，包含联级传参、双向绑定、服务传参 3 种方式。 Son.razor 1 @using BlazorApp.Shared.Services; 2 <div style="border:inherit;margin:inherit;background-color:ivory
阅读全文
摘要：原文链接：https://www.cnblogs.com/ysmc/p/16133351.html 在 Bootstrap 中，栅格相信大家都很熟悉，简直就是布局神器啊，Bootstrap Blazor 组件库当然毫无意外地支持该功能，并且封装成了组件，使用更加方便，下面我们一起来看看吧！ 首先，这
阅读全文
摘要：原文链接：https://www.cnblogs.com/ysmc/p/16128206.html 官网连接：https://www.blazor.zone 很多小伙伴在使用 Bootstrap Blazor Table组件的时候，都会有这样的一个需求： 我怎么在代码中重新加载Table组件的数据？
阅读全文
摘要：执行周期 1. SetParametersAsync 2. OnInitializedAsync（调用两次） 和 OnInitialized； 3. OnParametersSetAsync 或 OnParametersSet； 4. OnAfterRenderAsync 和 OnAfterRend
阅读全文
摘要：基本用法 <Modal @ref="CenterModal" IsBackdrop="true"> <ModalDialog IsCentered="true" Title="测试" ShowCloseButton="false" Size="Size.Small"> <BodyTemplate>
阅读全文
摘要：项目介绍 演示系统地址：https://www.blazor.zone Blazor 是一个使用 .NET 生成交互式客户端 Web UI 的框架： 使用 C# 代替 JavaScript 来创建丰富的交互式 UI。 共享使用 .NET 编写的服务器端和客户端应用逻辑。 将 UI 呈现为 HTML
阅读全文
摘要：原文连接：https://www.cnblogs.com/ysmc/p/16101157.html BootstrapBlazor 官网地址：https://www.blazor.zone BootstrapBlazor 提供了一个项目模板，以便大家快速创建项目，废话不多说； 模板安装 模板安装分为
阅读全文
摘要：原文地址： https://www.cnblogs.com/ysmc/p/16097712.html 官网地址：https://www.blazor.zone 项目于码云Gitee上开源，传送门 Table 表格 用于展示多条结构类似的数据，可对数据进行排序、筛选、对比或其他自定义操作。 Table
阅读全文
摘要：原文链接：https://www.cnblogs.com/ysmc/p/16082279.html 顾名思义，这个组件的作用我就不再多说了，配合 AutoGenerateColumnAttribute 特性食用更佳，BootstrapBlazor 智能生成神器（一）AutoGenerateColum
阅读全文
摘要：原文连接：https://www.cnblogs.com/ysmc/p/16074645.html BootstrapBlazor 官网地址：https://www.blazor.zone 介绍 BootstrapBlazor 中的 Table 组件、EditorForm 表单组件、Validate
阅读全文
摘要：原文链接：https://www.cnblogs.com/ysmc/p/16053652.html 官网例子链接：https://www.blazor.zone/editorforms 通过绑定数据模型自动呈现编辑表单 EditorForm 组件是一个非常实用的组件，当进行数据编辑时，仅需要将 Mo
阅读全文
摘要：原文链接：https://www.cnblogs.com/ysmc/p/14905496.html 本文主要介绍BootstrapBlazor--Input 组件的基本用法，这是官方说明文档传送门。 该组件支持单项绑定与双向绑定，使用非常的便捷 基础用法 1 <div class="row g-3"
阅读全文
摘要：原文地址：https://www.cnblogs.com/ysmc/p/15400270.html Bootstrap Blazor Project Template 为方便大家的使用，BootstrapBlazor UI 组件库作者专门制作了一个项目模板-Bootstrap Blazor for
阅读全文