zoukankan      html  css  js  c++  java
  • MVC |分部视图 PartialView()

    using System;
    using System.Collections.Generic;
    using System.Linq;
    using System.Web;
    using System.Web.Mvc;

    namespace MvcApp.Controllers
    {
    using MvcApp.Models;
    public class PartialViewDeomController : Controller
    {
    //
    // 分部视图的作用一般用于嵌到如一些正常的视图中去。(类似与自定义控件)相当于: Server.Execute(string path)

    public ActionResult PartialIndex()
    {

    var list = new List<T_UserInfo>()
    {
    new T_UserInfo(){Id=1,UserName="无盐海",Name="凡斌"},
    new T_UserInfo(){Id=1,UserName="阿宝",Name="周晶"},
    };

    //分部视图不会去执行_ViewStart.cshtml中的内容(分部视图以PartialView()返回)
    return PartialView(list);
    }
    }
    }

    PartialIndex视图

    @model List<MvcApp.Models.T_UserInfo>

    <select id="dp1">
    @{
    foreach (var item in Model)
    {
    <option value="0">@item.Name</option>
    }
    }
    </select>

    Index视图与PartialIndex分部视图。(注意:这里是在Index视图里调用PartialIndex分部视图)

    @{
    Layout = null;
    }
    @using MvcApp.Models;
    <!DOCTYPE html>

    <html>
    <head>
    <meta name="viewport" content="width=device-width" />
    <title>Index</title>
    <script src="~/Scripts/jquery-1.8.2.js"></script>
    </head>
    <body>
    <div id="loadData"></div>

    <div>
    <!--第一种方式:同一控制起下调用分部视图-->
    @Html.Partial("PartialIndex", new List<T_UserInfo>() { new T_UserInfo() { Id = 1, UserName = "无盐海", Name = "凡斌" }, new T_UserInfo() { Id = 1, UserName = "阿宝", Name = "周晶" }, })

    <!--第二种方式:同一控制起下调用分部视图-->
    @{
    Html.RenderPartial("PartialIndex", new List<T_UserInfo>() { new T_UserInfo() { Id = 1, UserName = "无盐海", Name = "凡斌" }, new T_UserInfo() { Id = 1, UserName = "阿宝", Name = "周晶" } });
    }

    <!--第三种方式:可以跨控制器调用分部视图(注意:如果通过这种方式调用分部视图,如果在再PartialIndex这个action中有传参给分部视图,则在此处调用就不需要再传递参数了)-->
    @{Html.RenderAction("PartialIndex", "PartialViewDeom");}

    <!--第四种方式:也是可以跨控制器调用分部视图。和第三种是一样的-->
    @Html.Action("PartialIndex", new { controller = "PartialViewDeom" })

    <!--第五种方式:用ajax来调用:如:jquery的Load()方法-->
    <script type="text/javascript">
    $(function () {
    $("#loadData").load("/PartialViewDeom/PartialIndex"); //将PartialIndex分部视图中的内容加载到id为loadData这个元素中去
    })
    </script>
    </div>action
    </body>
    </html>

  • 相关阅读:
    关于sublimeText3 设置格式化代码快捷键的问题
    前端网站收集汇总(持续更新)
    vue 插件(Sublime Text 3 常用插件以及安装方法)(转)
    关于实时监测网络每秒上下行流量问题
    Github上的iOS App源码 (中文)
    Mac上安装第三方应用显示包资源破坏解决办法
    vue开发环境搭建Mac版
    iOS跳转支付宝付款码和扫一扫页面
    深入出不来nodejs源码-timer模块(JS篇)
    深入出不来nodejs源码-events模块
  • 原文地址:https://www.cnblogs.com/niejun/p/7121959.html
Copyright © 2011-2022 走看看