随笔分类 -  Blazor

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