随笔分类 - 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
阅读全文