ASP.NET Web 窗体和 React

如何解决ASP.NET Web 窗体和 React

我是 React 的新手,所以请多多指教。

我制作了一个简单的 ASP.NET Web 窗体项目,它成功地在 React 中打开了一个页面。我的下一个问题是,是否有可能从 React 页面打开一个包含 ASPX 页面内容的新弹出窗口,并以某种方式在两个页面之间进行通信?

场景:我们购买了使用 React 制作的简单布局设计器的访问权限,我们希望使用不同的设置提供 JSON。但是,这些设置当前来自生成 JSON 的 ASP.NET Web 窗体页面(托管 ASCX 控件)。这种情况是完全不可能的吗?也许我们可以使用服务在两者之间进行通信,但重要的是这个 3rd 方设计者(通过这个开发者,可以实现自定义功能,比如打开一个弹出窗口或类似的)可以打开一个设置弹出我们有在 ASP.NET Web 窗体中创建。

如果这太复杂了,我们将不胜感激我们如何实现这一点。例如,iframe 仍然是一个东西吗?或者有没有更好的新技术? (如果我们需要在 React 项目之外托管一个页面,该页面会返回通信)。

我希望我的解释是可以理解的,否则让我知道,我会尽量详细说明。

希望能帮到你,先谢谢了!

为了澄清起见,我们已经聘请了 3rd 方软件的开发人员来帮助我们实施解决方案,React-wise,所以我只需要找出关于两个世界的整合的可能性。

>

解决方法

是引导程序、jQuery + jQuery.ui 对话框还是反应?他们都应该工作。但是,您不能在所有情况下都允许在您显示的对话框中进行任何回发。一旦你做了一个回发——然后页面循环就开始了,它会弹出对话框。

这个问题并不仅限于网络表单,而是您现在必须避免在显示此类对话框时回发。当然,虽然 Web 表单在今天有些陈旧,但它们非常容易将控件及其事件连接到代码背后。

不用说,采用这些具有所有这些出色对话框和小部件的框架之一吗?它们确实很好,但现在这意味着您必须编写 ajax 调用并避免回传 - 这可能需要大量工作。那么即使 jQuery.UI 也可以将整个不同的 aspx 页面加载到 div 中并弹出它? (而且效果很好)。好吧,您现在拥有了作为对话框弹出表单的酷炫不同页面,但是当您执行此操作时,您无法通过标准的 asp.net 按钮和控件触发任何回传。正如所指出的,这个问题并不仅限于 asp.net web 表单,而只是 webforms obvsilty 鼓励了很多带有代码的回发。这些回传的往返次数非常昂贵,但可以节省大量时间来轻松编写此类代码。

您可以尝试一个对话框表单,其中包含一个围绕着确实会导致回传的控件的更新面板。 因此,在 Web 表单中,曾经是您的朋友并极大地简化了编码的东西现在变成了您的敌人。 (那个敌人是很多后背和往返)。

因此,您必须放弃大量执行回发的代码和表单,根本无法将其推入并放入一些弹出对话框表单中,因为该表单很可能有很多回发 - 他们会折叠该对话框并开始往返过程。

只要你记住以上几点?然后采用引导程序、jQuery.UI 对话框或 react 应该可以正常工作-但是您要花费大量时间编写 ajax 调用,而那些对代码背后的调用将不会使用表单上的文本框和控件-因为它们是 sill坐在浏览器 + 用户桌面上,当您对服务器端代码进行 ajax 调用时不要随随便便。

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。

相关推荐


使用本地python环境可以成功执行 import pandas as pd import matplotlib.pyplot as plt # 设置字体 plt.rcParams['font.sans-serif'] = ['SimHei'] # 能正确显示负号 p
错误1:Request method ‘DELETE‘ not supported 错误还原:controller层有一个接口,访问该接口时报错:Request method ‘DELETE‘ not supported 错误原因:没有接收到前端传入的参数,修改为如下 参考 错误2:cannot r
错误1:启动docker镜像时报错:Error response from daemon: driver failed programming external connectivity on endpoint quirky_allen 解决方法:重启docker -> systemctl r
错误1:private field ‘xxx‘ is never assigned 按Altʾnter快捷键,选择第2项 参考:https://blog.csdn.net/shi_hong_fei_hei/article/details/88814070 错误2:启动时报错,不能找到主启动类 #
报错如下,通过源不能下载,最后警告pip需升级版本 Requirement already satisfied: pip in c:\users\ychen\appdata\local\programs\python\python310\lib\site-packages (22.0.4) Coll
错误1:maven打包报错 错误还原:使用maven打包项目时报错如下 [ERROR] Failed to execute goal org.apache.maven.plugins:maven-resources-plugin:3.2.0:resources (default-resources)
错误1:服务调用时报错 服务消费者模块assess通过openFeign调用服务提供者模块hires 如下为服务提供者模块hires的控制层接口 @RestController @RequestMapping("/hires") public class FeignControl
错误1:运行项目后报如下错误 解决方案 报错2:Failed to execute goal org.apache.maven.plugins:maven-compiler-plugin:3.8.1:compile (default-compile) on project sb 解决方案:在pom.
参考 错误原因 过滤器或拦截器在生效时,redisTemplate还没有注入 解决方案:在注入容器时就生效 @Component //项目运行时就注入Spring容器 public class RedisBean { @Resource private RedisTemplate<String
使用vite构建项目报错 C:\Users\ychen\work>npm init @vitejs/app @vitejs/create-app is deprecated, use npm init vite instead C:\Users\ychen\AppData\Local\npm-
参考1 参考2 解决方案 # 点击安装源 协议选择 http:// 路径填写 mirrors.aliyun.com/centos/8.3.2011/BaseOS/x86_64/os URL类型 软件库URL 其他路径 # 版本 7 mirrors.aliyun.com/centos/7/os/x86
报错1 [root@slave1 data_mocker]# kafka-console-consumer.sh --bootstrap-server slave1:9092 --topic topic_db [2023-12-19 18:31:12,770] WARN [Consumer clie
错误1 # 重写数据 hive (edu)> insert overwrite table dwd_trade_cart_add_inc > select data.id, > data.user_id, > data.course_id, > date_format(
错误1 hive (edu)> insert into huanhuan values(1,'haoge'); Query ID = root_20240110071417_fe1517ad-3607-41f4-bdcf-d00b98ac443e Total jobs = 1
报错1:执行到如下就不执行了,没有显示Successfully registered new MBean. [root@slave1 bin]# /usr/local/software/flume-1.9.0/bin/flume-ng agent -n a1 -c /usr/local/softwa
虚拟及没有启动任何服务器查看jps会显示jps,如果没有显示任何东西 [root@slave2 ~]# jps 9647 Jps 解决方案 # 进入/tmp查看 [root@slave1 dfs]# cd /tmp [root@slave1 tmp]# ll 总用量 48 drwxr-xr-x. 2
报错1 hive> show databases; OK Failed with exception java.io.IOException:java.lang.RuntimeException: Error in configuring object Time taken: 0.474 se
报错1 [root@localhost ~]# vim -bash: vim: 未找到命令 安装vim yum -y install vim* # 查看是否安装成功 [root@hadoop01 hadoop]# rpm -qa |grep vim vim-X11-7.4.629-8.el7_9.x
修改hadoop配置 vi /usr/local/software/hadoop-2.9.2/etc/hadoop/yarn-site.xml # 添加如下 <configuration> <property> <name>yarn.nodemanager.res