为了账号安全,请及时绑定邮箱和手机立即绑定

多个视图结果显示于一个共用预览视图内

标签:
JavaScript


这些情况,一般是在没有开发前端网页情况之下,可以使用。

现今Insus.NET在MVC应用程序实现相同的功能。ASP.NET与ASP.NET MVC不是一样的开发结构,没有相同的部分可以拷贝。只有能明白它的功能之后。才能完成。

以下例子,仅开两个视图和一个共用预览的视图。真实环境不止两个视图,每个视图内容不一样,但共用预览的视图只有一个,是用来预览来自各个不同视图的结果。


创建一个全新的控制器,并添加三个Action:

 

本例中,只是演示,在视图中,Insus.NET只入了一个文本框,让用户填写数据,还放一个按钮,是让用户来预览所输入的结果。另一个视国中,放了一个下拉列表,让用户选择,还放了一个按钮,和第一个视图一样,用来预览之用。

视图一:

 

视图二:

 

一般情况之下,每个视图,都会有model,下面分别就是上面两个视图的模型, 模型1:

 

模型2:

 

现在,我们需要做的,是实现每个视图预览的结果。这些结果只被加载至公用的视图中。因此只能使用部分视图(PartialView)。使用部分视图的好处,就是将来前端网页需要显示时,也可以使用这个部分视图。

部分视图1:

 

部分视图2:

 

 

 接下来,需要创建一个Render的工具,即是把视图Render为字符:

 

此时,实现的是每个视图中预览铵钮的功能,就是点一点预览按钮,就能把视图的结果加载在预览视图中去。在控制器中,再创建三个预览视图Action,一个作为公共用的预览,另两个用作铵钮的Action之用。

 

在公共的预览视图中,你只管创建它,但无需添加任何内容,因为它是一个载体:

 

 

好的,现在我们开始写视图中预览铵钮的代码了,代码即是jQuery的代码,先看视图1:

 

 

视图2的预览jQuery代码:

 

执行成功之后,视图导向那个预览视图去。


点击查看更多内容
TA 点赞

若觉得本文不错,就分享一下吧!

评论

作者其他优质文章

正在加载中
  • 推荐
  • 评论
  • 收藏
  • 共同学习,写下你的评论
感谢您的支持,我会继续努力的~
扫码打赏,你说多少就多少
赞赏金额会直接到老师账户
支付方式
打开微信扫一扫,即可进行扫码打赏哦
今天注册有机会得

100积分直接送

付费专栏免费学

大额优惠券免费领

立即参与 放弃机会
意见反馈 帮助中心 APP下载
官方微信

举报

0/150
提交
取消