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

blazor - Mudblazor - 样式组件:例如:表格

将样式应用到 MudBlzaor 组件(特别是表)的正确方法是什么?:

代码

问题

1:我可以以任何方式应用样式,它将应用于组件内的所有元素,在此示例中应用样式,<HeaderContent>并且所有人<MudTh>都会拥有它。

2:如何使用Class属性?我已经使用它<MudTh>但它不起作用(我什至无法在检查模式下找到它,它已应用于元素但它不会出现在样式部分中)。

PS:我可以将内联样式应用于元素,但这似乎既不可行也不可扩展。

编辑

taskDetails.razor

taskDetails.razor.css

在此处输入图像描述

注意 我可以在其他非 MudBlazor 元素上使用类。

0 投票
0 回答
783 浏览

blazor - MudBlazor AppBar 不停留在位置

我有这个MainLayout.razor

但是当我的身体很长时,“MudAppBar”不会粘在顶部。

在此处输入图像描述

在此处输入图像描述

0 投票
4 回答
1861 浏览

c# - 按行项目条件更改 MudBlazor 表格背景颜色

我正在尝试更改 mudblazor 表中一行的颜色。问题是,我无法添加根据行元素条件更改颜色的功能。

0 投票
2 回答
489 浏览

blazor - 在自定义组件中包装 MudBlazor 组件 - @bind-Value 的问题

我是 blazor 的新手,我遇到了 MudBlazor 组件。这些都很棒,所以我决定在我的项目中实现它们。我想要做的是将我在自己的自定义组件中使用的每个 MudBlazor 组件包装起来,这样如果我将来更改任何内容都会很简单(就像我已经决定从 Radzen 更改为 MudBlazor 的情况一样)。在大多数情况下,这是相当直接的,除了 @bind-Value 属性。我似乎无法弄清楚如何让它工作。这是我包装 MudBlazor“MudTextField”的自定义组件。

这是行不通的。当我在调用我的自定义组件时设置 BindTo 参数时,我可以看到 set 属性中的代码被调用,并且 bindingValue 被正确设置,但我绑定到的对象上的属性没有被更新。我需要对 BindToChanged 参数执行其他操作吗?我在研究这个问题时看到另一个例子中使用了它,但我真的不明白它应该做什么。任何帮助,将不胜感激。

谢谢!

0 投票
2 回答
697 浏览

c# - MudBlazor 动态选项卡通过组件中的 foreach

我正在尝试在 MudBlazor 组件中使用 foreach 循环。所以选项卡的动态长度取决于类别的数量。

执行时我没有错误,只是不显示。似乎mudblazor 组件无法使用循环元素。

0 投票
2 回答
1181 浏览

reference - Mudblazor 对话框参考

我在我的 Blazor 应用程序中使用 Mudblazor。我在 ValidSubmit 处理程序内的组件中有以下代码:

DialogService 打开也是一个组件的 SavingDialog。在 http 调用之后,我想关闭对话框。我怎么做?我可以在文档中看到 DialogService.Close(DialogReference dialog)。如何获得对我打开的对话框的引用以便关闭它?

谢谢。

0 投票
1 回答
355 浏览

blazor - MudBlazor - 导航后关闭侧边栏

问题:导航到另一个页面后侧边栏没有关闭。

我尝试过的:向关闭侧边栏添加一个OnClick=""事件<MudNavLink>,但是如果我这样做,它将覆盖href(意味着它关闭侧边栏,但不导航到另一个页面)。

0 投票
1 回答
407 浏览

forms - 在对话框中使用 FluentValidation 和 MudBlazor 进行表单验证

我正在使用 MudBlazor,我想要在对话框中使用 fluentvalidation (EditForm) 的验证表单。

BookDialog.razor

索引剃刀

BookValidator.cs

错误消息正确显示,但关闭对话框并且不停止表单提交。

0 投票
2 回答
396 浏览

c# - 插入后不会立即更改 Blazor 文本

我有一个应用程序,用户可以在其中在某个位置插入文本。文本显示在同一页面的徽章上。我想要的是,当用户键入时,更改会立即显示在徽章中。我添加了一个 oninput 事件,但似乎 oninput 事件没有更新剃刀页面,因为当我有输入更改时徽章保持空白。只有在 TextField 上失去焦点时才会显示文本。

我怎样才能做到当我插入字母时,它们会立即显示在徽章上?

文本输入:

徽章:

多变的:

0 投票
0 回答
174 浏览

mudblazor - 即使组件填充了数据,MudBlazor 的自动完成功能也不起作用

每当我为 MudBlazor 的自动完成键入字符串时,组件都不会给我结果。我可以获取自动完成组件中的所有数据,但无法搜索它。

剃须刀.cs

剃刀