多个视图结果显示于一个共用预览视图内
来源:互联网 发布:中国资讯型数据库作用 编辑:程序博客网 时间:2024/05/23 22:49
先参考以前ASP.NET的功能《网站程序(案例)》http://www.cnblogs.com/insus/p/3291322.html。 作为一个网站后台管理,我们可以实现一个预览的功能。即是说能让管理员管理数据之后,能预览到效果。
这些情况,一般是在没有开发前端网页情况之下,可以使用。
现今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代码:
执行成功之后,视图导向那个预览视图去。
最后是演示预览效果:
http://www.cnblogs.com/insus/p/3633298.html
- 多个视图结果显示于一个共用预览视图内
- Android 单个App显示多个任务列表预览视图
- tableView一行显示多个视图
- 一个视图中使用多个UITableView
- (三)vue 一个页面多个视图
- rcp(插件开发)如何在一个透视图中显示多个视图
- 一个跑不出结果的视图的优化
- 多个视图控制器的视图切换
- 通知---视图间数据的传递:标签显示输入的内容【多个视图中】
- 单例---视图间数据的传递:标签显示输入的内容【多个视图中】
- 代理---视图间数据的传递:标签显示输入的内容【多个视图中】
- KVO---视图间数据的传递:标签显示输入的内容【多个视图中】
- 【OpenGL】glViewport函数在同一窗口显示多个视图
- 多控制器传递不同类型实体类到共用视图方案
- 实验-多个视图同用一个文档类
- sql 视图 按where条件多个字段取一个
- xpage一个视图事由多个表单组成
- 有关于视图
- java多线程实现方法和比较
- 动态内存管理
- Fn和CTRL的故事
- package和import
- OpenCV2.4.4中调用SIFT特征检测器进行图像匹配
- 多个视图结果显示于一个共用预览视图内
- Google protocol buffer(4)—Google protocol buffer + socket实现message的连续传输
- jackson (json、xml的序列化与反序列化)
- PHP连接mysql数据库出现连接失败的解决方法
- hdoj 2682 Tree(最小生成树)
- 我来CSDN的这一年
- Facebook工程师是如何改进他们Android客户端的
- Injecting Views
- Pycurl HTTPS错误:无法获取本地颁发者证书