zoukankan      html  css  js  c++  java
  • 多个视图结果显示于一个共用预览视图内

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

    先参考以前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代码:

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

    最后是演示预览效果:

     
     
  • 相关阅读:
    相机标定/校正(Camera Calibration)
    彩色图像直方图均衡(Histogram Equalization)
    SQL--数据的检索
    SQL--数据的增删改
    SQL--数据库的创建与管理
    java学习笔记之异常、断言
    Mysql学习笔记(二)
    初学机器学习(一)
    Mysql学习笔记(一)
    软件课设Day15
  • 原文地址:https://www.cnblogs.com/Leo_wl/p/3634831.html
Copyright © 2011-2022 走看看