讲讲怎么在 ASP.NET MVC2中使用用户控件。首先我们新建一个用户控件，
 
我们命名为SelectGroup.ascx，代码如下
<%@ Control Language="C#" Inherits="System.Web.Mvc.ViewUserControl" %> 
<script language="javascript" type="text/javascript" src="<%=Url.Content("~/Areas/Util/Scripts/SelectGroup.js") %>"></script> 
<div> 
    <table> 
        <tr> 
            <td style="text-align:right"> 
                招生批次  
            </td> 
            <td> 
                <select id="admissionBatch" style="width: 150px"> 
                </select> 
            </td> 
            <td style="text-align:right; width:80px"> 
                学历层次  
            </td> 
            <td> 
                <select id="edcuationLevel" style="width: 150px"> 
                </select> 
            </td> 
            <td style="text-align:right; width:80px"> 
                专业名称  
            </td> 
            <td> 
                <select id="professional" style="width: 150px"> 
                </select> 
            </td> 
        </tr> 
    </table> 
</div> 
我们再编写其对应的控制器如下
using System;  
using System.Collections.Generic;  
using System.Linq;  
using System.Web;  
using System.Web.Mvc;  
 
namespace EducationManage.Areas.Util.Controllers  
{  
    using Utility.Json;  
    using EducationManage.Areas.Util.Models;  
    public class SelectGroupController : Controller  
    {  
        //  
        // GET: /Util/SelectGroup/  
        SelectgroupEntities selectgroupEntities = new SelectgroupEntities();  
 
        /// <summary>  
        /// 招生批次  
        /// 李磊 2010-10-29  
        /// </summary>  
        /// <returns></returns>  
        public JsonResult GetAdmissionBatch()  
        {  
            List<SG_Admission_Batchs> admissionBatchsList =selectgroupEntities.admission_batchs.ToList();  
            return Json(admissionBatchsList, JsonRequestBehavior.AllowGet);  
        }  
 
        /// <summary>  
        /// 学历层次  
        /// 李磊 2010-10-29  
        /// </summary>  
        /// <returns></returns>  
        public JsonResult GetEducationLevel()  
        {  
            List<SG_Education_Levels> educationLevelList = selectgroupEntities.education_levels.ToList();  
            return Json(educationLevelList, JsonRequestBehavior.AllowGet);  
        }  
 
        /// <summary>  
        /// 专业  
        /// 李磊 2010-10-29  
        /// </summary>  
        /// <returns></returns>  
        public JsonResult GetProfessional()  
        {  
            List<SG_Professional> professionalList = selectgroupEntities.professional.ToList();  
            return Json(professionalList, JsonRequestBehavior.AllowGet);  
        }  
 
        /// <summary>  
        /// 学籍批次  
        /// 李磊 2010-10-29  
        /// </summary>  
        /// <returns></returns>  
        public JsonResult GetRollBatch()  
        {  
            List<SG_Roll_Batchs> rollBatchList = selectgroupEntities.roll_batchs.ToList();  
            return Json(rollBatchList, JsonRequestBehavior.AllowGet);  
        }  
 
        /// <summary>  
        /// 专业学历层次联动  
        /// 李磊 2010-10-29  
        /// </summary>  
        /// <param name="id"></param>  
        /// <returns></returns>  
        public JsonResult GetProfessionalByEducationLevel(string id)  
        {  
            try 
            {  
                List<string> professionalIdList = selectgroupEntities.professional_educationlevel.Where(pe => pe.education_id == id).Select(pe => pe.prefessional_code).ToList();  
                List<SG_Professional> professionalList = selectgroupEntities.professional.Where(p => professionalIdList.Contains(p.prefessional_code)).ToList();  
                return Json(professionalList, JsonRequestBehavior.AllowGet);  
            }  
            catch 
            {  
                return null;  
            }  
        }  
    }  
}  
好的，我们接着编写js.
 首先在js的顶层引入 ///<reference path = "../../../Scripts/jQuery-1.4.1.js"/>这样编写js代码就有智能提示，如下
 
$(document).ready(function () {  
      
    $.ajaxSetup({  
        cache: false 
    });  
    $.getJSON("/SelectGroup/GetAdmissionBatch/", function (data) {  
        $("#admissionBatch").append("<option value=''>请选择</option>");  
        $.each(data, function (i, item) {  
            $("<option></option>")  
            .val(item["admission_batch_id"])  
            .text(item["name"])  
            .appendTo($("#admissionBatch"));  
        });  
 
    });  
 
    $.getJSON("/SelectGroup/GetEducationLevel/", function (data) {  
        $("#edcuationLevel").append("<option value=''>请选择</option>");  
        $.each(data, function (i, item) {  
            $("<option></option>")  
            .val(item["education_id"])  
            .text(item["name"])  
            .appendTo($("#edcuationLevel"));  
        });  
 
    });  
 
    $.getJSON("/SelectGroup/GetProfessional/", function (data) {  
        $("#professional").append("<option value=''>请选择</option>");  
        $.each(data, function (i, item) {  
            $("<option></option>")  
            .val(item["prefessional_code"])  
            .text(item["name"])  
            .appendTo($("#professional"));  
        });  
 
    });  
 
    $("#edcuationLevel").change(function () {  
        $("#professional").empty();  
        $("#professional").append("<option value='0'>请选择</option>");  
        $.getJSON("/SelectGroup/GetProfessionalByEducationLevel/" + $("#edcuationLevel").val(), function (data) {  
            $.each(data, function (i, item) {  
                $("<option></option>")  
            .val(item["prefessional_code"])  
            .text(item["name"])  
            .appendTo($("#professional"));  
            });  
 
        });  
    });  
 
}) 
ok，好了，我们看看在页面怎么引用
<%Html.RenderPartial("~/Areas/Util/Views/Shared/SelectGroup.ascx"); %> 
只要你将这段代码放在页面上即可。Html.RenderPartial有很多重载，你也可以给用户控件传递一个需要绑定的对象。说到这里谈谈Html.RenderPartial和Html.Partial的区别。Html.RenderPartial是直接输出至当前HttpContext，而Html.Partial是将视图内容直接生成一个字符串并返回。所以在引用的时候不一样分别为<% Html.RenderPartial("~/Areas/Util/Views/Shared/SelectGroup.ascx"); %>和<%=Html.Partial("~/Areas/Util/Views/Shared/SelectGroup.ascx"); %>。说到这两个不免要说Html.RenderAction，它是通过Controller中的Action来调用用户控件。上面的代码大家可以根据js和控制器代码看到，每个下拉列表的绑定都有自己的控制器返回数据，在页面加载完成的时候去调用自己的控制器获取下拉列表数据。如果我们用Html.RenderAction就没有那么麻烦了，看看控制器代码
using System;  
using System.Collections.Generic;  
using System.Linq;  
using System.Web;  
using System.Web.Mvc;  
 
namespace EducationManage.Areas.Util.Controllers  
{  
    using Utility.Json;  
    using EducationManage.Areas.Util.Models;  
    public class SectionGroupController : Controller  
    {  
        //  
        // GET: /Util/SectionGroup/  
        SelectgroupEntities selectgroupEntities = new SelectgroupEntities();  
        public ActionResult Index()  
        {  
            List<SG_Admission_Batchs> admissionBatchList = selectgroupEntities.admission_batchs.ToList();  
            SelectList admissionBatch = new SelectList(admissionBatchList, "admission_batch_id", "name", "");  
            ViewData.Add("admissionBatch", admissionBatch);  
 
            List<SG_Education_Levels> educationLevelList = selectgroupEntities.education_levels.ToList();  
            SelectList educationLevel = new SelectList(educationLevelList, "education_id", "name", "");  
            ViewData.Add("educationLevel", educationLevel);  
 
            List<SG_Professional> professionalList = selectgroupEntities.professional.ToList();  
            SelectList professional = new SelectList(professionalList, "prefessional_code", "name", "");  
            ViewData.Add("professional", professional);  
            return PartialView("~/Areas/Util/Views/Shared/SectionGroup.ascx");  
        }  
 
    }  
}  
再看看前台
<%@ Control Language="C#" Inherits="System.Web.Mvc.ViewUserControl" %> 
<script language="javascript" type="text/javascript" src="<%=Url.Content("~/Areas/Util/Scripts/SelectGroup.js") %>" /> 
<div> 
    <table> 
        <tr> 
            <td style="text-align: right"> 
                招生批次 
            </td> 
            <td> 
                <%:Html.DropDownList("admissionBatch", ViewData["admissionBatch"] as SelectList, "请选择", new { id = "admissionBatch", style = "width: 150px" })%> 
            </td> 
            <td style="text-align: right; width: 80px"> 
                学历层次 
            </td> 
            <td> 
                <%:Html.DropDownList("edcuationLevel", ViewData["educationLevel"] as SelectList, "请选择", new { id = "edcuationLevel", style = "width: 150px" })%> 
            </td> 
            <td style="text-align: right; width: 80px"> 
                专业名称 
            </td> 
            <td> 
                <%:Html.DropDownList("professional", ViewData["professional"] as SelectList, "请选择", new { id = "professional", style = "width: 150px" })%> 
            </td> 
        </tr> 
    </table> 
</div> 
在这里我们一次性就获取到了所有下拉列表要绑定的数据。我们只需要在前台这样应用即可<%Html.RenderAction("Index", "SectionGroup");%>。好了，在MVC2中使用用户控件就是这么简单。
本文出自 “微软技术” 博客，请务必保留此出处http://leelei.blog.51cto.com/856755/412702

ASP.NET MVC 中使用用户控件——转的更多相关文章

  1. ASP.NET MVC加载用户控件后并获取其内控件值或赋值

    有网友看了这篇<ASP.NET MVC加载ASCX之后,并为之赋值>http://www.cnblogs.com/insus/p/3643254.html 之后,问及Insus.NET,不 ...

  2. 在Asp.Net MVC中使用Repeater控件

    使用Repeater控件在视图中展示图表信息,Repeater控件的使用概述: <asp:Repeater ID="Repeater1" runat="server ...

  3. Asp.net 恢复页面内用户控件内的控件ClientID

    众所周知在Asp.net中如果一个页面添加了一个用户控件(或母版页),那么用户控件内的控件的   ClientID号会被自动添加页面中用户控件的ClientID 即页面中的控件内的控件ClientID ...

  4. 在VisualStudio 工具箱中隐藏用户控件

    当我们创建一个用户控件后,VisualStudio会自动将其添加到工具箱中,本来这是一个比较贴心的设计.但是,有的时候,我们并不想将用户控件放到工具箱中. 例如:在WPF中,为了避免一个页面的控件过多 ...

  5. 如何在Web.config中注册用户控件和自定义控件

    问题: 在ASP.NET 的早先版本里,开发人员通过在页面的顶部添加 指令来引入和使用自定义服务器控件和用户控件时,象这样: <%@ Register TagPrefix="scott ...

  6. C# WinForm中添加用户控件

    转:https://blog.csdn.net/haelang/article/details/40681003 有的时候我们需要频繁使用一些系统默认工具的组合,那么就可以使用自定义用户控件. 起一个 ...

  7. C# winform中自定义用户控件 然后在页面中调用用户控件的事件

    下面是用户控件的代码: using System; using System.Collections.Generic; using System.ComponentModel; using Syste ...

  8. C#中，用户控件UserControl里面用Panl加载UserControl，并实现利用委托互相传值

    用户控件主窗体结构:左侧树形菜单,右侧Panl: 根据点击的菜单节点,panl里面选择性加载某一个子窗体用户控件,并传值给子窗体: 反之,在子窗体进行相应的操作之后,传值给主窗体,触发主窗体的刷新. ...

  9. ASP.NET动态加载用户控件的方法

    方法是使用LoadControl方法,根据用户控件的相对路径,动态生成用户控件对象 用户控件 public class UserControlA :UserControl { public UserC ...

随机推荐

  1. 深入探讨JS中的数组排序函数sort()和reverse()

    最近在研究Javascript发现了其中一些比较灵异的事情.有点让人感到无语比如: alert(typeof( NaN == NaN));//结果为假. alert(typeof( NaN != Na ...

  2. C#创建类，方法，接口，字段 的 默认类型

    1.在namespace中的类.接口默认是internal类型的,也可以显示的定义为public类型2.在一个类里面,属性和方法默认是private的,可以显示的定义为public.private.p ...

  3. ipythons 使用攻略

    ipython是一个 python 的交互式 shell,比默认的 python shell 好用得多,支持变量自动补全,自动缩进,支持 bash shell 命令,内置了许多很有用的功能和函数. 安 ...

  4. path.join()和path.resolve()的区别

    现在写代码的时候有时候使用path.join(__dirname,'dist')有时候用path.resolve(__dirname,'dist'),都是能拼接处来一个绝对路径,但是具体有什么区别呢? ...

  5. python error: curl: (1) Protocol "'https" not supported or disabled in libcurl

    python 调用curl访问一个网页时,出现error: curl: (1) Protocol "'https" not supported or disabled in lib ...

  6. mongodb入门很简单（3）

     ##简单的mongodb入门命令## 1.show dbs;      //查看当前数据库 2.use databaseName;         //选库 3.show tables/collec ...

  7. [BZOJ1058]报表统计

    Description 小Q的妈妈是一个出纳,经常需要做一些统计报表的工作.今天是妈妈的生日,小Q希望可以帮妈妈分担一些工 作,作为她的生日礼物之一.经过仔细观察,小Q发现统计一张报表实际上是维护一个 ...

  8. UVA 814 The Letter Carrier's Rounds（JAVA基础map）

    题解:就是按照题目模拟就好 但是这个题目让我发现了我Java里面许多问题 具体看代码,但是还是分为这几个方面 属性的作用域问题,缓冲区问题,map与list映射的问题,输出多个空格不一定是/t,反转思 ...

  9. Python学习札记(十九) 高级特性5 迭代器

    参考:迭代器 Note 1.可用于for循环的对象有两类:(1)集合数据类型:list tuple dict str set (2)Generator:生成器和含yield语句的函数.这些可以直接作用 ...

  10. 使用xunit对asp.net core webapi进行集成测试

    新项目我们采用前后端分离,后端采用asp.net core webapi, 如何对后端代码进行自动化测试呢,有以下几种方案: 1. 单元测试,目前这个方案对我们来说难度很大,抛开时间的问题,单元测试对 ...