MVC的控件写法

<1>YYController 控制器

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

namespace MvcFirst.Controllers
{
    public class YYController : Controller
    {
        //
        // GET: /YY/

        public ActionResult Index()
        {
            return View();
        }

        public ActionResult HttpHelper()
        {

            //给下拉框赋值的第一种写法
            IList<SelectListItem> list = new List<SelectListItem>();
            SelectListItem item1 = new SelectListItem() { Selected = false, Text = "北京", Value = "1" };
            SelectListItem item2 = new SelectListItem() { Selected = false, Text = "上海", Value = "2" };
            SelectListItem item3 = new SelectListItem() { Selected = false, Text = "广州", Value = "3" };
            list.Add(item1);
            list.Add(item2);
            list.Add(item3);
            ViewData["City"] = list;

            //给下拉框赋值的第二种写法
            ViewData["Province"] = new List<SelectListItem>(){
                new SelectListItem(){Selected=true,Text="湖南",Value="hn"},
                new SelectListItem(){Selected=false,Text="广东",Value="gd"},
                new SelectListItem(){Selected=false,Text="江苏",Value="js"},            

            };

            ViewData["UserName"] = "你好,中国";
            return View();
        }

    }
}

<2>视图

<%@ Page Language="C#" Inherits="System.Web.Mvc.ViewPage<dynamic>" %>

<!DOCTYPE html>
<html>
<head runat="server">
    <meta name="viewport" content="width=device-width" />
    <title>HttpHelper</title>
</head>
<body>
    <div>
        <%-- ------------------------------------------------------------DropDownList下拉列表-----------------------%>
        <%--这个DropDownList的name属性值为“City”,那么它就会自动去控制器里面去找Key为City的ViewData,然后将ViewData["City"]的数据往Html.DropDownList里面装配【即将ViewData["City"]的数据绑定到Html.DropDownList上来】--%>
        <%:Html.DropDownList("City") %>
        <%:Html.DropDownList("Province")%>
        <br />
        <%--因为ViewData["City"]是一个list所以不能用这种字典来取值--%>
        <%--<%:ViewData["City"] %>--%>

        <%-- ---------------------------------------------------------TextBox 单行文本框----------------------------%>
        <%--这个TextBox的name属性值为“UserName”,那么它可以自动去控制器的里面去取key为UserName的ViewData,让后给ViewData["UserName"]的值赋给Html.TextBox()的value属性--%>
        <%:Html.TextBox("UserName") %><br />

        <%-- ---------------------------------------------------------TextArea 多行文本框----------------------------%>
        <%--创建一个5行6列的多行文本框,文本框的默认值为"",并给它添加一个id属性并赋值为txts--%>
        <%:Html.TextArea("txt1","",5,6,new {id="txts"}) %><br />

        <%-- ------------------------------------------------------RadiodButton单选框----------------------%>
        <%--Html.RadioButton的name属性为radio1,这三个Html.RadioButton的name属性一定要一致,才可以互斥--%>
        男<%:Html.RadioButton("radio1", "男", true, new {id="la" })%>
        女<%:Html.RadioButton("radio1","女",false) %>
        保密<%:Html.RadioButton("radio1","保密",false)%><br />

        <%-- ------------------------------------------------------CheckBox复选框----------------------%>
        跑步<%:Html.CheckBox("CheckBox1",true) %>

        <%--给Html.CheckBox这个复选框的name值设为CheckBox2,设为选中,并给它添加两个属性,一个属性是id,并赋值"langqiu",另外一个属性是lable,并赋值为”篮球“--%>
        篮球<%:Html.CheckBox("CheckBox2", true, new { id="langqiu", lable = "篮球"})%>
        骑马<%:Html.CheckBox("CheckBox3",false) %><br />
    </div>
</body>
</html>

然后打开该页面的源文件看看,它们都解析成什么样了?

<!DOCTYPE html>
<html>
<head><meta name="viewport" content="width=device-width" /><title>
	HttpHelper
</title></head>
<body>
    <div>

        <select id="City" name="City"><option value="1">北京</option>
<option value="2">上海</option>
<option value="3">广州</option>
</select>
        <select id="Province" name="Province"><option selected="selected" value="hn">湖南</option>
<option value="gd">广东</option>
<option value="js">江苏</option>
</select>
        <br />

        <input id="UserName" name="UserName" type="text" value="你好,中国" /><br />

        <textarea cols="6" id="txts" name="txt1" rows="5">
</textarea><br />

        男<input checked="checked" id="la" name="radio1" type="radio" value="男" />
        女<input id="radio1" name="radio1" type="radio" value="女" />
        保密<input id="radio1" name="radio1" type="radio" value="保密" /><br />

        跑步<input checked="checked" id="CheckBox1" name="CheckBox1" type="checkbox" value="true" /><input name="CheckBox1" type="hidden" value="false" />

        篮球<input checked="checked" id="langqiu" lable="篮球" name="CheckBox2" type="checkbox" value="true" /><input name="CheckBox2" type="hidden" value="false" />
        骑马<input id="CheckBox3" name="CheckBox3" type="checkbox" value="true" /><input name="CheckBox3" type="hidden" value="false" /><br />
    </div>
</body>
</html>



时间: 2024-10-17 11:46:29

MVC的控件写法的相关文章

mvc日期控件datepick的几篇文章,日后再总结吧

instinctcoder里有两篇,入门级的 http://instinctcoder.com/asp-net-mvc-4-jquery-datepicker/ http://instinctcoder.com/asp-net-mvc-4-jquery-datepicker-date-format-validation/ @Html.TextBoxFor(m=>m.UserName) 生成html时,input控件type="text", id和name属性都被赋值为"

【随笔系列】Asp.Net Mvc分页控件PagedList的使用方法及配置

企业在做Asp.Net Mvc开发过程中,很多时候都是一些CRUD,最基本的就是一个列表页面,然后附带一些功能按钮.如果有数据列表,大多数就会涉及到对数据进行分页,这次就介绍一下Mvc PagedList控件分页的使用方法.Github PagedList链接 . 下面我通过新建Mvc项目来展示PagedList的使用方法. 一.新建BookLibrary解决方案 确定后,选择MVC 然后点击确定. 二.添加PagedList与PagedList.Mvc的程序包. 选择BookLibrary项目

AceAdmin In MVC之控件

AceAdmin有很多Html控件,而下载下来之后全部混杂在一起,想用一个控件有时得调整半天,干脆整理出一个版本,而且结合起来MVC的封装.以后就不用一个js css的调了. 在MVC中Html的控件有两种,一个带for一个不带for. @Html.TextArea:直接输出一个文本框,可以自定义输出任何内容. @Html.TextAreaFor:输出绑定Model的文本框. 一.下拉框 1.基本示例 视图: @{ Layout = null; } <!DOCTYPE html> <ht

2016 系统设计第一期 (档案一)MVC 相关控件整理

说明:前者是MVC,后者是boostrap 1.form 表单 @using (Html.BeginForm("Create", "User", FormMethod.Post, new { @class = "form-horizontal" })) {} 2. 文本框 @Html.TextBox("LoginName", "", new { @class = "form-control&quo

Essential ASP.NET MVC用户界面控件包

User Interface Edition for ASP.NET MVC是一款高性能的AJAX Web用户界面产品集合,包含表格.图表.多种界面元素.日历日程.仪表等,是开发人员能在 Asp.NET MVC框架下创建出专业的商业Web应用程序. 具体功能: Essential Grid for ASP.NET MVC 是一款轻量级的,支持AJAX的,高性能的表格控件,完全支持ASP.NET MVC框架,具有丰富的功能,包含分组.排序.翻页.数据绑定.编辑.过滤.多种内嵌皮肤,可以处理上亿的数

Essential Grid for ASP.NET MVC表格控件详细介绍及下载

Essential Grid for ASP.NET MVC是一款轻量级的,支持AJAX的,高性能的表格控件,完全支持ASP.NET MVC框架,具有丰富的功能,包含分组.排序.翻页.数据绑定.编辑.过滤.多种内嵌皮肤,可以处理上亿的数据量. 具体功能: 支持对一列或多列数据进行分组 支持单行.列.多行选择 支持通过拖拉操作调整列大小.改变列位置 支持Unbound列 当表格数据有几页时,控件提供了一个页导航条,可用于定位某页或是翻页 支持过滤操作 支持绑定到复杂的数据对象 支持导出数据到Exc

MVC、控件、一般处理程序中的session and cookie

Mvc中: session: if (!string .IsNullOrEmpty(find)) //设置 Session["oip"] = "无锡"; ViewBag.oip =Session["oip"]; if (Session["oip"] == null) //获取 Session["oip"] = null; //设为null Session.Timeout = 1; //设置过期时间 <

mvc 封装控件使用mvcpager

具体使用如下: 前台部分: @RenderPage("~/Views/Controls/_Pagebar.cshtml", new PageBar { pageIndex = Model.CurrentPageIndex, recordCount = Model.TotalItemCount, UpdateTargetId = "expList",//此处填写需要更新的div(或其他)容器的id pageSize=10, DataFormId = "Sub

MVC分页控件

效果图: 图一 提示:数据为之前研究一软件<<网络神采>>,一款很不错的数据采集软件,采集某游戏论坛的用户反馈数据而来. 那么想让自己的网站做这种分页具体应该怎么实现呢?很简单!请看下图 步骤一,添加引用(稍后会附上dll,外加源码) 步骤二,将数据转换成 IPagedList<T> 类型 图二 步骤三:添加强类型,添加分页引用,添加分页样式(样式22种!供君选择,使用BarStyle枚举可选择样式) 图三 ps:参数说明 this.Html   为获取路径拼接其它页的