问题标签 [blazorise]

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 回答
492 浏览

c# - 如何将布尔转换为字符串参数并在 Blazor 的字段中显示是或否

这是我的类,我有一个布尔参数(在服务器端)

在客户端,我将它绑定到 TextEdit,因为我想向客户端显示一个字符串。我的意思是当我在 ChassisNumber 字段上输入数字时,保修应该填写,但例如在字符串中必须写为“它有”

0 投票
0 回答
123 浏览

c# - blazorise中发生悬停伪类时如何显示下拉列表?

我想在鼠标位于 dropdownToggle 时显示菜单栏的 dropdownItem 但我不知道应该更改哪个类。

0 投票
1 回答
466 浏览

twitter-bootstrap - 如何在 Blazor 应用程序中使用 SASS 生成的引导程序将引导程序样式应用于输入?

我正在创建一个使用“dotnet new mobileblazorbindings”生成的 Blazor Mobile 应用程序,并且我希望在我的页面上有一个可编辑的标题。

我在我的应用程序中使用 Blazorise.Bootstrap,并在我的 Razor 文件中使用以下行生成标题:

结果如下 HTML:

(引导程序包含匹配标题 h1-h6 的类 .h1-.h6 非常好),这应该让这变得轻而易举......或者我想......)

当我使用由 mobileblazorbindings 模板(wwwroot\css\bootstrap\bootstrap.min.css,似乎是 Bootstrap 4.3.1)导入的默认 Bootstrap CSS 运行应用程序时,这非常有效 - 文本似乎是一个标题,但点击它可以让我编辑它。

如果我尝试使用 SASS 自定义引导程序并加载我生成的引导程序 CSS,它会立即停止工作,并且输入看起来像正常输入。

我猜我的 SASS 版本中缺少一些东西,但在过去的几天里我尝试了各种各样的东西,但我找不到它。

这是我的 package.json:

这是我的 bootstrap-customisation.scss:

这是我的根 app.scss:

其中 mystyles.scss 当前包含自动生成的 app.css 的原始内容。

我正在使用构建我的 app.css yarn run css-deploy,然后手动将生成的 dist\app.css 复制到 wwwroot\css\app.css

当我现在运行该应用程序时,它几乎就在那里,但是缺少两件事:

  • 导航栏中的图标(来自 open-iconic)
  • 输入现在是普通文本,而不是选择 h3 类

在过去的一周里,我一直在把头从这堵砖墙上敲下来,尝试了各种不同的方法来构建 Bootstrap,但我一直无法找到缺少的东西。感觉这应该是微不足道的,但它不起作用,这让我担心我可能对 Bootstrap 做的任何其他定制。

我尝试过的事情:

  • 使用 WebCompiler NuGet 包构建 SASS(这是我的第一次尝试;我阅读了 Bootstrap 构建说明,它需要自动前缀,当我启用时,我得到了错误,因为嵌入式自动前缀已经 2 年了;它肯定有同样的问题)
  • 通过 libman 和 npm/yarn 手动下载 Bootstrap
  • 从 4.3.1 到 5.0.0-beta-1 的各种 Bootstrap 版本
  • 按照https://getbootstrap.com/docs/4.5/getting-started/build-tools/中的说明在模块中重建 Bootstrap ;当我进行捆绑安装时,它抱怨没有 gemfile
  • 切换到 Bulma 而不是 Bootstrap - 除了切换所有样式的工作量很大之外,它没有复制标题的方便类
  • 我没有鸡可以牺牲...

非常感激地收到任何帮助或指示。

提前致谢,

伊恩

0 投票
1 回答
334 浏览

blazor - Blazorise DataGrid 无法正确呈现

我无法正确渲染 Blazorise 数据网格。我已经在要点中包含了这些位,json 被加载,但没有在网格中呈现。这是要点:

https://gist.github.com/bbqchickenrobot/9af26063108beb4acb75e9a9dc5b4ae0

0 投票
0 回答
319 浏览

c# - DataGrid Blazorise 导出到 Excel 或 CSV?

是否有可能直接将所有数据从 DataGrid(来自 Blazor)导出到 Excel、CSV 或任何其他数据结构,而无需手动编码?

许多框架都支持这一点,但我在 Blazorize DataGrid 中找不到类似的东西。

0 投票
1 回答
483 浏览

c# - 如何使用 EditTemplate 绑定到 Blazorise DataGrid 中的 TextEdit

我是 Blazor 和 Blazorise 的新手......在研究这个组件时,我似乎找不到任何材料教如何在 Blazorise DataGrid 的 EditTemplate 内的 TextEdit 中绑定变量。

在我的 Blazorise DataGrid 中,我有一个 DataColumn(请参见下面的代码):

在我的<TextEdit>中,我可以使用以下代码在编辑时显示该值:

但它不保存,因为我无法绑定context.CellValueusing @bind-Text="context.CellValue"

请帮助我学习如何使用 Blazorise DataGrid,在此先感谢!

0 投票
1 回答
297 浏览

c# - 如何从自定义剃须刀组件公开 Blazorise TextEdit 的现有 @bind- 属性

在这种情况下,如何绑定到 Blazorise 组件以使验证工作?

上面的代码将在页面内重复多次,具体取决于我拥有的字段数......

所以我尝试创建一个名为的自定义剃须刀组件<ValidatedTextEdit>,其中包含以下代码:

代码部分

我希望使用<ValidatedTextEdit>这样的:

现在的问题是,虽然数据存储在数据库中,但两者似乎<Validation><ValidationError />不起作用......它不会显示任何错误......

为什么?

0 投票
1 回答
404 浏览

blazor - Blazorise/Blazor:从另一个按钮触发 FileUpload

我有一个 Blazor 页面的一小部分: 在此处输入图像描述

右侧是 Blazorise FileEdit 组件。选择并上传图像后,图像将显示在占位符中。但我不喜欢大的 FileEdit 组件,我想隐藏它并在单击占位符时触发文件选择。触发图像 onclick 不是问题,但在该图像 onclick 函数中,我想为 FileEdit 触发 fileSelect。这可能吗?在 Blazorise 或 Blazor 中?

0 投票
1 回答
627 浏览

c# - 删除输入文本的所有内容,在 Blazor 中不使用 @bind

我想知道是否可以使用 Blazor 中的 C# 删除用户在输入文本控件中输入的所有内容,但没有绑定控件。

我有几个文本输入但没有@bind,所以我无法删除与@bind 关联的变量

是否可以通过控件执行“for”之类的操作,并询问是否为输入文本类型以删除其内容?

谢谢!

0 投票
2 回答
105 浏览

xaml - 使用 ASP.NET Blazor 和 Blazorise,我如何使用它仅在移动设备上显示内容?

同样的问题没有我喜欢的答案....并且由于以下内容允许我仅在桌面环境中显示 Container 的内容。

如何使用它仅在移动设备上显示容器?

那行不通:(