Blazor
Teln_小凯
这个作者很懒,什么都没留下…
展开
-
Blazor 登陆,授权-入门级别
使用builder.Services.AddScoped();方式,缺点,不能刷新数据就丢。Program文件里面注册一下。原创 2024-01-21 16:20:47 · 766 阅读 · 0 评论 -
Blazor 根据路由判断哪些页面需要加模板,哪些不需要
比如我们的登录的页面是不需要加通用模板的,通过@if 控制 RouteView的DefaultLayout即可。方法中进行资源清理工作,如释放订阅、取消网络请求等。根据你的具体需求,你可以根据情况进行实现。方法获取数据,并根据数据的特定属性进行条件判断。上面的方式适合静态配置,一般页面菜单都是动态,可以用下面的方式实现。方法来获取自定义的路由数据,并将该数据赋值给。,则应用默认的模板布局;的服务,用于获取后台数据。生命周期方法中,我们通过调用。的情况下,我们可以在。,则不应用任何模板。原创 2024-01-16 15:54:54 · 538 阅读 · 0 评论 -
Blazor + SqlSugar 实现单表增删改功能
【代码】Blazor + SqlSugar 实现单表增删改功能。原创 2023-12-29 14:37:55 · 1010 阅读 · 2 评论 -
Blazor Table 实现获取当前选中行的功能
这里需要使用到OnClickRowCallBack事件。原创 2023-11-28 23:09:24 · 343 阅读 · 0 评论 -
Blazor Select 实现点击一次选项触发一次后台事件
需要注意下最后得返回Task.FormResult(false),里面不能写true,否则会有confirm弹窗提示,在本次案例里面用不到这个效果。2、OnBeforeSelectedItemChange 我们可以用这个事件实现每次点击同一个选项都可以触发后台事件。1、OnSelectedItemChanged 每次选项的时候改变触发,如果你点击同一个选项是不会触发后台的方法的。Blazor的官方案例中,Select组件只有两个事件。原创 2023-11-28 23:05:44 · 389 阅读 · 0 评论 -
Blazor 二级弹窗实现
5、如果C要把返回值传给B,则可以继续在下面的A页面,通过C的操作事件去调用B页面的方法或属性,因为BC都在A页面,所以C可以直接操作B的内容。3、所以把C的整个弹窗对象(即REF标记的对象)当做一个参数传入到B里面,如下面代码的Model2。最后改成这样实现了二级弹窗,这种思路如果出现三级弹窗就麻烦了,官方也没找到好的例子。4、这样就可以在B页面调用C页面的对象了,实现B页面打开C的弹窗。2、因为要实现A弹出B后,B里面再弹出C。1、把B、C弹窗内容都放入到A页面。原创 2023-11-23 16:53:25 · 318 阅读 · 0 评论 -
CSS Form表单布局
效果图。原创 2023-11-15 14:11:22 · 621 阅读 · 0 评论 -
Blazor 附件上传和下载功能
【代码】Blazor 附件上传和下载功能。原创 2023-11-14 17:11:04 · 610 阅读 · 0 评论 -
Blazor 定时刷新Table功能
【代码】Blazor 定时刷新Table功能。原创 2023-11-13 17:48:30 · 430 阅读 · 0 评论 -
Blazor 异步获取数据后前台不更新的问题处理
后面查资料发现,对于async这种异步方法,需要手动调用StateHasChanged(),告诉前台Blazor的状态已经改变,前台才会自动更新值。后面我把currentCount++;放到一个异步方法后发现页面的显示不同步了。非async异步方法,系统默认调用了StateHasChanged()方法。正常官方案例里面,点一下按钮页面能实现数据+1的功能。原创 2023-11-02 16:23:05 · 703 阅读 · 0 评论 -
Blazor 虚拟滚动/瀑布流加载Table数据
【代码】Blazor 虚拟滚动/瀑布流加载Table数据。原创 2023-11-02 16:14:32 · 473 阅读 · 0 评论 -
Blazor 父组件调用子组件的方法
子组件在需要时可以通过调用。来调用父组件的方法。原创 2023-09-25 13:49:19 · 802 阅读 · 0 评论 -
Blazor 父子组件传递对象
在Blazor中,您可以通过组件参数传递对象,从父组件向子组件传递对象数据。的对象,并将其传递给子组件(ChildComponent)作为参数。属性的类型必须与传递的对象的类型相匹配。在这个示例中,我们使用了一个内部类。在上面的示例中,父组件(ParentComponent)创建了一个名为。来表示对象的结构,但您可以使用任何C#类来表示您需要传递的数据。属性接收并显示传递的对象数据。原创 2023-09-18 18:27:22 · 440 阅读 · 0 评论 -
Blazor生命周期
Blazor 组件具有自己的生命周期,用于管理组件的初始化、更新和销毁过程。了解 Blazor 组件生命周期是编写 Blazor 应用程序的关键部分,它有助于在适当的时机执行操作。:如果组件依赖于服务或其他组件,Blazor 将通过依赖注入(DI)机制注入这些依赖项。:这些方法在组件渲染完成后调用。方法用于释放组件所占用的资源,以及取消与其他服务或组件的连接。:这是组件的实例化阶段,在这个阶段会创建组件的实例。方法中,您可以执行一些与组件初始化相关的操作。方法中,您可以访问和处理通过组件参数传递的数据。原创 2023-09-18 17:48:40 · 409 阅读 · 0 评论 -
Blazor双向绑定
您也可以在 Blazor 中实现复杂对象的双向绑定,例如表单输入与数据模型。指令将组件的属性与用户界面元素的属性进行绑定。:您还可以在自定义组件中使用双向绑定。字符串与文本框的值双向绑定。当用户更改文本框的值时,对象的属性进行双向绑定,以便在表单提交时,组件的属性进行双向绑定。将自动更新,反之亦然。对象中的属性会更新。原创 2023-09-18 17:46:58 · 464 阅读 · 0 评论