问题标签 [mudblazor]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
3 回答
852 浏览

blazor - 如何在泥浆中突出显示选定的列表项?

我使用 MudBlazor 在 Dialog 组件中创建了一个简单的列表。您可以将屏幕截图作为示例。

在此处输入图像描述

这是上述对话框组件的代码部分。

当我们单击这个列表项时,此对话框将关闭,单击项的文本值将分配给上述输入字段。现在我需要在此列表中添加 3 个功能。

  1. 单击一项时,应突出显示。

  2. 如果我们想点击另一个项目,当一个项目已经突出显示时,当前突出显示的项目应该被取消突出显示。并且单击的项目应突出显示。

  3. 如果输入字段已经填充了此列表中的项目,那么如果我们要更改该值,当您再次打开对话框时,我们应该能够看到已经选择的值应该突出显示。

我如何使用 blazor 或 mudblazor 来做到这一点???任何知道这一点的人请帮助我。感谢您的帮助。

0 投票
1 回答
163 浏览

c# - Blazor 中隐藏/非绑定字段的自定义验证

我是第一次使用 Blazor(也是几年来我第一次使用 .NET,所以我生疏了),我和我的团队决定与 Blazor 一起使用的附加组件库是泥浆刀。现在我正在处理一个具有自动完成组件的页面。

我想要做的是使用自动完成功能来拉出用户可以添加到列表中的书籍列表。至少一本书必须在列表中。我的问题是,由于 MudAutocomplete 的工作原理,我无法将其绑定到列表,因此我将 Book 附加到单击事件的列表中。但是,点击提交按钮并没有点击我实施的任何一个验证,我似乎无法弄清楚为什么。

我有以下代码:

Books我还为我的变量创建了以下自定义验证属性:

关于为什么这些根本不起作用的任何想法?它把我逼到了墙角

0 投票
0 回答
81 浏览

blazor - 是否可以在 abp.io 框架中替换 Blazor 的基本组件集以使用 MudBlazor?

任何使用另一组 UI 组件(如 mudblazor.com)自定义 abp.io 的经验,该框架是否允许在此级别重新定义 UI?

0 投票
0 回答
195 浏览

c# - 如何在 RowEditingTemplate 中保持 MudSelect 元素的恒定宽度

我遇到了一个问题,当我的 MudSelect 元素在 RowEditingTemplate 中时,它的宽度将根据所选项目的长度而变化。

为了演示这个问题,我在此表的“位置”列中添加了一个 MudSelect 元素;它可以在下面看到。

https://try.mudblazor.com/snippet/QYQlEZFYAZZAOlWs

如何格式化它以使 MudSelect 的长度不会根据选择的长度而变化?

0 投票
1 回答
302 浏览

c# - MudTreeView - 如何更改复选框的大小和颜色?

我正在为 Blazor WebAssembly 使用一个名为 Mudblazor 的 CSS 框架。 链接到mudblazor

我不知道如何在 MudTreeView 中设置复选框的大小和颜色。

在使用 MudCheckBox 的 Mudblazor 中,您可以通过添加Size = "Size.Large"和颜色来设置大小:Color="Color.Primary"但我在 MudTreeView 中没有。

有什么办法让它工作吗?

0 投票
1 回答
320 浏览

blazor-server-side - 为什么带有 FluentValidation 的 MudBlazor SelectList 会抛出“验证函数错误”

我正在使用 Blazor Server 并在我的模型上使用 FluentValidation,如下所示:

在 DI 中,我正在像这样注册我的验证器:

在我的 MudBlazor 组件中,我定义了一个 MudSelect,如下所示:

但是,当我在 post 上验证表单或更改 select 的值时,会出现以下错误消息: 在此处输入图像描述

验证适用于其他元素,例如 MudText,但来自 MudSelect 的值甚至不进入验证 Func。当涉及到选择列表时,该文档没有显示任何示例可以促进与常规输入不同的方法。

任何有类似经验的解决方案?

0 投票
0 回答
21 浏览

c# - 如何在 Razor View 中获取统计信息

我想在 Razor 中显示每个国家的学生人数和每个班级的学生人数,我为(学生、班级、国家)创建了 3 个不同的班级,如下所示:-

Student.cs

我还创建了另外 2 个模型来存储计数。

之后我创建了服务

我在 studentinfo.razor 中调用它们

现在我想显示结果如下,但我不知道如何在 .razor

0 投票
2 回答
329 浏览

c# - 如何在 blazor 中手动渲染父组件的剃刀代码?

介绍

我正在尝试MudTextField<T>mudblazor库扩展 的功能。通常我会创建一个包装器,但由于我要更改的行为仅在受保护的方法中可用,所以我选择继承MudTextField<T>Component。目标是创建一个克隆,仅在我通过覆盖某些方法更改的功能上有所不同。

继承的组件

所以我创建了一个CustomMudTextField<T>组件。

CustomMudTextField.razor

问题在于,基本 Control 不再被渲染。所以我尝试手动渲染基类。我从docs中获得灵感。

CustomMudTextField.razor

我希望它可以像基本组件一样工作。现在父级的 UI 确实被渲染了,但基本功能根本不起作用。

我也尝试过这个 github issue中讨论的方法,但是下面的代码片段甚至不再编译了。


那么如何渲染基本控件的内容呢?

其他 UI 框架使用可用于呈现基本控件的组件。我希望这在某种程度上类似于 blazors @ChildContent mechanic,即使它是一个完全不同的概念。有没有办法继承和渲染MudTextField<T>,使其行为完全相同?我错过了什么?

0 投票
0 回答
40 浏览

blazor-server-side - Mudblazor 间歇性失败并出现 404 导致连接失败

Blazor 服务器应用间歇性失败,关闭与服务器的连接。这个应用程序使用 Mudblazor。在应用程序失败时查看浏览器开发人员工具时,mudblazor 在尝试加载 _content/mudblazor/mudblazor.min.js 时返回 404。有没有人遇到过类似的事情?

0 投票
2 回答
149 浏览

blazor - 在 Blazor 中的文本或数字框中自动突出显示

我在 Blazor 的初级阶段。我需要知道当点击文本框或数字框时,文本框或数字框中的文本应该会自动按照下图高亮显示。

在此处输入图像描述

我怎样才能使用 blazor 做到这一点?