问题标签 [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 投票
2 回答
516 浏览

blazor - 如何在没有 Javascript 的情况下将焦点设置到页面顶部?

有没有办法在不使用 JavaScript 的情况下转到 Blazor 中的页面顶部?我有一个项目列表,用户可以单击其中一个进行编辑并在页面顶部查看更多详细信息。我正在为我的组件使用 MudBlazor。

0 投票
1 回答
1107 浏览

autocomplete - Mudblazor 显示值 @bind-Value 与预期不符

例子

如何像这样显示@bind-value:设计值

像这样的代码:

产品.cs

ProductsController.cs (Web API)

ProductDetails.razor(代码)

ProductDetails.razor(剃须刀)

我的输出是Shared.Domains.Product

0 投票
1 回答
3423 浏览

c# - 如何使用 MultiSelection="true" 让默认值出现在 MudBlazor MudSelect 中?

我正在使用 MudBlazor 创建一个组件以在 MudSelect 中选择多个项目。当我预填充值时,它们不会出现在选择控件中。当控件展开时,正确的项目被指示为选中。如果我修改他们确实显示的选择。如果我关闭扩展而不进行更改,他们不会。

我需要他们显示初始状态。

视频:https ://share.clickup.com/clip/p/t1280802/25e76e23-189d-4696-a795-8640b31a798f/screen-recording-2021-03-30-09%3A52.webm

我在这里有一个代码演示:https ://try.mudblazor.com/snippet/mEmPkHHkpwkPNrkt

__Main.razor:

MyComponent.razor:

东西.cs:

0 投票
0 回答
952 浏览

asp.net - 使用 Mudblazor 在 Blazor 中进行异步流畅验证

可以使用 Blazor 中的 Fluent 验证来验证 MudBlazor 表单我遵循了文档中的相同代码:

  1. 创建通用FluentValueValidator
  1. 该类的创建对象(例如dependencyLinkValidator
  1. 将 Validator 属性的值放入dependencyLinkValidator
  1. 当用户在文本框中键入新值时,表单会得到验证,但是当用户单击提交按钮时我也会调用 Form.Validate() 来验证表单中的所有控件

该示例很简单,即使使用自定义验证器也能完美运行,问题是,当我创建使用异步函数的自定义验证器时,验证不起作用。有什么方法可以异步调用 Form.Validate() 吗?

使用自定义异步验证器的示例:

0 投票
2 回答
1923 浏览

c# - 在 MudBlazor 中添加新图标

有没有办法在 MudBlazor 图标中添加新图标。我正在做一个关于纺织品的项目,我需要 MudBlazor 中的不同图标。我找到了图标,但不知道如何在 MudBlazor 中添加它们。提前致谢 !

0 投票
1 回答
2849 浏览

blazor - 使 MudBlazor 表的一行可点击?

我用 MudBlazor 制作了这张桌子:

我不知道这是否可能,但我想让表格的每一行完全可点击以访问每个档案的信息,而不是像现在那样使用 MudButton。我在 MudBlazor 主站点上进行了搜索,但没有找到任何关于此的内容。

0 投票
1 回答
304 浏览

c# - 如何使电话文本字段可点击并能够拨打电话?(泥浆)

我在 MudBlazor 中有这行代码:

我想知道是否有可能让它能够被点击并打开一个电话,就像你在 HTML 中所做的那样。

0 投票
1 回答
586 浏览

c# - 通过 MudBlazor 小吃店选项操作作为函数参数

我定义了一个名为snackbarOptions的Action 委托,因此我可以在添加snackbar 时使用它,而不是在Snackbar.Add()函数调用中声明它

现在,每当我想添加小吃店时,我只需传递options参数。add 函数本身就是函数的参数。

这很好用,但是,当我尝试将snackbarOptions作为函数参数传递时,我可以在CheckForDuplicates()函数中调用Snackbar.Add ,我得到一个对象引用错误

编辑:所以总结一下: 这有效:

呼唤——

这不会:

呼唤——

编辑 2: 未处理的异常呈现组件:对象引用未设置为对象的实例。... EditDependenciesDialog.razor.cs:该行的第 188 行代码:duplicatesValidation.CheckForDuplicates(duplicatesSnackbarOptions) DuplicatesValidation.cs:该行的第 35 行代码:Snackbar.Add("x", Severity.Warning, options);

0 投票
1 回答
427 浏览

blazor - MudBlazor 中的 MudChip 双向绑定?

我正在将 MudBlazor 与 Blazor 服务器端一起使用,并且我正在尝试双重绑定 MudChip。我想保存在数据库中选择的芯片并在稍后检索数据并将芯片预渲染为选定的。基本上是在芯片上做双重绑定。它似乎不起作用,我尝试过:

  1. 在 OnInitialized 方法中创建一个新芯片,并在 SelectedChip 属性上设置属性(Text、Color、IsSelected):

这是代码:

  1. 创建对所选芯片的引用:

这是代码:

这些方法都不起作用,您是否知道双重绑定是否可能?我还在 GitHub 页面上询问过,其中一位贡献者说,通过使用提供的示例,这是可能的。对我来说,它们没有多大帮助。这是 GitHub 问题:

https://github.com/Garderoben/MudBlazor/discussions/1791

0 投票
1 回答
967 浏览

c# - 如何检测 MudBlazor 中表格行的双击?

我正在使用 MudBlazor,我想检测对单个表格行的双击并对事件做出反应。但是,表格的 API 中没有列出双击。回调很容易完成单击OnRowClick(另请参见SO 此处)。双击没有等效项。

ondblclick我尝试使用Blazor 事件

我对此有两个问题:

  1. 我可以抓住双击。但我无法让它知道被点击的行(我有一个解决方法)。
  2. 此外,我必须添加到每个单元格,因为该<RowTemplate/>元素不会接受它。

我只有一个问题1的拐杖:将变量绑定MyOrderVM MyItemSelectedItem表的项目参数并在双击调用的方法中访问对象(因为双击也会导致两次单击选择项目)。

我没有做很多测试,但似乎这可以工作,但没有更好的解决方案吗?还是我很担心副作用?