使用Blazor重写JavaScript点击和显示UI

文章/答案/技术大牛

发布

1回答

javascript、c#、bootstrap-4、blazor、blazor-server-side

我是Blazor的新手(不是每个人都是吗？)我正在尝试找到最好的方法来复制我之前放在一起的基于JavaScript的点击和显示UI。将一些多余的元素抽象出来，页面代码如下所示：基本上，UI有两个主要部分，类似于电子邮件界面。对于Bootstrap和JavaScript，这似乎很简单，但我不确定Blazor中最好的方法是什么。每个元素都应该是一个组件吗

浏览 12提问于2020-03-18得票数 1

回答已采纳

1回答

blazor组件接近性能

c#、blazor、blazor-server-side

最近，我一直致力于创建blazor组件，我一直在回答一些问题。这两种方法的优缺点是什么？

浏览 0提问于2019-01-24得票数 2

回答已采纳

1回答

动态创建复选框

javascript、c#、asp.net-core、blazor

我正在将一个旧的JavaScript/JQuery应用程序转换为Blazor，我需要了解的最后一件事是如何动态地将带有选项的select下拉列表添加到UI中。在旧的JavaScript程序中，我通过使"+“可点击来做到这一点：单击时，它调用一个.on("clicknumber' + c

浏览 2提问于2020-02-27得票数 2

回答已采纳

1回答

你能用.NET MAUI和blazor开发一个网页，并针对网页、ios、安卓和windows吗？

.net、blazor、asp.net-blazor、maui

你能用.NET MAUI和blazor开发一个网页，并针对网页、ios、安卓和windows吗？例如，有效地开发网页，也可以在任何其他设备上作为应用程序工作，但是在浏览器中使用普通的Blazor方式(即使用WASM)？

浏览 3提问于2021-07-23得票数 11

回答已采纳

2回答

Razor类库的可路由组件在ASP.NET Core6.0 WebAssembly中没有显示

c#、asp.net-core、razor、blazor、webassembly

库包含几个组件，包括三个使用@page指令的组件。登录(用IdentityServer4实现)之后，它将被定向到库中的一个可路由组件。问题:组件没有显示.：库由WebAssembly在App.razor中引用在Visual输出中没有显示错误，或者在可路由组件的browser DevTools.protected async overrideRazor类库中的组件以前是直接在Blazor WebAssembly中实现的，这就是它的工作原理！我的目标是稍后将库与延迟加载集成起来。

浏览 7提问于2022-02-08得票数 1

回答已采纳

3回答

Blazor，ASP.NET核心托管与ASP.NET核心中的服务器端

c#、.net-core-2.1、blazor

我正在尝试blazor.Net，这是一个实验性的框架。但是在11月14日Blazor语言服务的最近更新之后，我在模板选择上看到了两个选择。第二个是Blazor ( ASP.NET核心中的服务器端)谁能告诉我这两个模板之间有什么区别，什么时候应该选择哪一个？

浏览 31提问于2018-11-16得票数 29

回答已采纳

1回答

使用WASM和服务器端创建相同的Blazor应用程序

blazor、blazor-server-side、blazor-webassembly

我想创建一个blazor应用程序(实际上是两个应用程序)，它既支持托管的WASM，也支持服务器端。它们不需要成为一个动态切换的应用程序。实际上，我更喜欢两个独立的应用程序，比如wasm.myapp.com和server.myapp.com。用户可以根据他们的网络环境选择他们喜欢使用的口味。基本上，目标是创建一组UI组件/页面，由两个应用程序共享。谢谢你的建议。

浏览 6提问于2022-02-11得票数 0

回答已采纳

1回答

如何在Blazor WebAssembly中显示blazor- error -ui元素中的错误详细信息？

asp.net、.net、blazor、blazor-webassembly

对于我的Blazor WebAssembly应用程序，我希望能够在blazor- error -ui元素中显示错误的详细信息(消息、堆栈跟踪)。我该怎么做呢？

浏览 27提问于2020-07-18得票数 0

1回答

我们可以在没有SignalR的情况下创建blazor服务器应用程序吗？

c#、.net-core、blazor、blazor-server-side

我目前正在测试Blazor，我正在试着理解它。到目前为止，我用Web创建了一个带有.net核心后端的装配blazor，它运行得很好。然后，我用SignalR创建了一个服务器端blazor。它运行得很好，但是我想尝试使用API而不是SignalR。我的想法是，我应该将客户端和服务器端分开在两个单独的项目中(可能使用一个共享项目，比如wasm示例)。我还发现SignalR不是REST。VS2019有带有SignalR和Blazor客户端(wasm)的.net服务器模板，可

浏览 4提问于2020-09-12得票数 2

回答已采纳

2回答

Blazor什么时候显示blazor错误用户界面？

c#、error-handling、blazor、blazor-server-side

我对blazor-error-ui在实践中的工作方式有些困惑。我知道默认情况下它是隐藏的，因为CSS (通过display: none)，但我似乎无法通过导致应用程序中的错误来使它出现。根据 blazor-error-ui元素通常是隐藏的，因为站点的样式表.中存在blazor-error-ui CSS类的display: none样式，当发生错误时，框架将display: none应用于元素文档说，错误应该会导致blazor-error-ui div

浏览 8提问于2022-11-06得票数 2

1回答

无法获取由Javascript设置的输入值，然后通过Blazor按钮单击读取

javascript、.net、blazor

在.NET 5 blazor应用程序中，我使用javascript库来读取条形码。当我按下blazor页面上的按钮时，我会调用javascript函数。Javascript函数读取条形码并设置输入字段的值。有一个输入字段绑定到字符串值： <input id="result" @bind="@Received"/> @code { private string Received { get; set; } } 一次点击

浏览 30提问于2020-12-23得票数 1

回答已采纳

1回答

在javascript调用时更改blazor值

blazor、blazor-server-side

我使用的是javascript库，它在用户交互时触发一个事件(单击js库产生的元素)。在javascript中，我订阅了这个事件，并且我能够处理它。function onClick(e) { return Task.FromResult(result); } 问题是，我想在那个时候更

浏览 26提问于2021-11-03得票数 0

1回答

Blazor (服务器)和异步/等待模式

async-await、blazor、blazor-server-side

微软的文章(Daniel和Latham)展示了Razor代码中等待调用的例子。forecasts = await ForecastService.GetForecastAsync(DateTime.Now);}or Blazor是否有UI线程是唯一能够更新组件的线程的概念？在页面和/或页面组件中调用等待调用时，被认为是“

浏览 1提问于2019-10-14得票数 3

回答已采纳

2回答

如何将jQuery加载到Blazor应用程序中？

c#、asp.net、asp.net-core、blazor

这里的示例提供程序无法运行。

浏览 2提问于2019-11-25得票数 1

回答已采纳

1回答

如何在不同的DbContext之间共享WebApps？

dbcontext、blazor、ef-core-3.1、webui

到目前为止，我们使用WebAPI应用程序与多个端点共享数据。所以我们现在交换的数据目前是静态的。我们创建了我们的DbContext，API正在使用它进行数据读写操作。现在有客户请求也构建一个WebUI (Blazor)。因此，我们仍然希望在UI中使用WebAPI进行数据交换，但是我们还需要数据模型中更多的业务逻辑元素(包含INotifyPropertyChanged事件处理等)。我们在实体类中实现了事件句柄。但是如何将实例化的DbContext从Web切换到我的UI应用程序。如果能得到

浏览 4提问于2020-02-17得票数 0

回答已采纳

1回答

使用DataAnnotations进行Blazor验证。Css工作不正确

blazor、blazor-server-side、blazor-validation

.NET Core 3.1等，Blazor Server 

浏览 0提问于2020-07-29得票数 0

回答已采纳

1回答

Blazor可拖动/可调整大小的模式引导对话框

jquery-ui、modal-dialog、bootstrap-modal、blazor、draggable

我在这里为一个bootstrap模式对话框的Blazor组件提供了一个很好的实现：，但我想扩展这个解决方案，使模式可拖动和可调整大小。最好的方法(避免重复发明轮子)似乎是使用JQuery UI draggable()/resizeable()函数。我已经获得了如何在纯Javascript中执行此操作的演示链接：实质上调用了模式div上的可调整大小和可拖动的函数 <script src="https://code.jquery.com/

浏览 1提问于2021-03-18得票数 2

2回答

使用WebAssembly创建c#

javascript、c#、webassembly

我看了下面的文章谢谢

浏览 0提问于2019-03-14得票数 4

1回答

JMeter可以记录使用Blazor开发的应用程序上的请求吗？

jmeter、blazor

JMeter可以记录使用Blazor开发的应用程序上的请求吗？ Blazor是一个免费的开源web框架，允许开发人员使用C#和HTML创建web应用程序。当前，在启动通过JMeter (在提供了所有必要的JMeter配置之后)使用Blazor开发的应用程序时，页面的内容没有显示在UI中，也没有任何记录。

浏览 3提问于2021-01-06得票数 1

回答已采纳

1回答

如果sreensize更改为低于设置的px (mobil、tablet、desktop)，是否会触发事件

css、asp.net、media-queries、blazor、breakpoints

在Blazor (我使用Blazor serverside)中，有没有简单的方法来找出用户使用的sreensize。我的应用程序应该根据屏幕尺寸显示不同的用户界面。如果屏幕宽度小于768px，则显示UI (360x640)如果屏幕宽度小于1920px，则显示UI (768x1024)，否则使用1920x1080。Blazor在bootstrap上有一个预先查找列、行等断点的功能，但是如何在命中断点时

浏览 12提问于2020-09-21得票数 0

点击加载更多