[MVC HtmlHelper简单了解]
HtmlHelper用来在视图中显示Html控件,简化代码,使用方便!,降低了View视图中的代码复杂度!可以更快速的完成工作!
以下是一些常用 的html标签 辅助方法
使用HTML辅助方法输出 kBeginForm
//视图代码
@using (Html.BeginForm("search", "home", FormMethod.Get),new { target="_black",@class="form1" })
{
<input type="text" value="" />
}
//生成的HTML代码
<form action="/home/search" class="form1" method="get" target="_black">
<input type="text" value="" />
</form>
使用HTML辅助方法输出超链接 ActionLink RouteLink
1.@Html.ActionLink("链接文字")
<a href="/">这是一个连接</a>
2.@Html.ActionLink("链接文字","ActionName")
<a href="ControllerName/ActionName">这是一个连接</a> //当前页的控制器所在页
3. @Html.ActionLink("链接文字","ActionName","ControllerName")
<a href="/ControllerName/ActionName">链接文字</a>
4. @Html.ActionLink("链接文字", "ActionName","ControllerName" new { page=1 })
<a href="/ControllerName/ActionName/??page=1">链接文字</a>
5.@Html.ActionLink("连接文字", "ActionName", "ControllerName", new { page = 1 }, new { id = "linkID" })
<a href="/ControllerName/ActionName/??page=1" id="linkID">链接文字</a>
提示: RouteLink 跟 ActionLink 在功能上一样。所以不一一概况
使用HTML辅助方法输出文本框 TextBox
1.@Html.TextBox("文本名称")
<input id="文本名称" name="文本名称" type="text" value="" />
2.@Html.TextBox("input2",Model.CategoryName,new{ @style = "width:300px;" })
<input id="文本名称" name="文本名称" style="width:300px;" type="text" value="@Model.CategoryName" />
3.@Html.TextBox("文本名称", ViewData["Name"],new{ @style = "width:300px;" })
<input id="input3" name="input3" style="width:300px;" type="text" value="@ViewData["Name"]" />
使用HTML辅助方法输出文本域 TextArea
@Html.TextArea("文本名称", Model.CategoryName, , ,null)
<textarea id="文本名称" name="文本名称" rows="" cols="" >@Model.CategoryName</textarea>
使用HTML辅助方法输出多选按钮 Checkbox
1.@Html.CheckBox("名称",true)
<input checked="checked" id="名称" name="名称" type="checkbox" value="true" /><input name="名称" type="hidden" value="false" /> 2.@Html.CheckBox("名称", new { @class="checkBox"})
<input class="checkBox" id="名称" name="名称" type="checkbox" value="true" /><input name="名称" type="hidden" value="false" />
使用HTML辅助方法输出单选按钮 RadioButton
1. @Html.RadioButton("名称", "男",false ) <input id="名称" name="名称" type="radio" value="男"/> 2.@Html.RadioButton("名称", "男",true) <input id="名称" name="名称" type="radio" value="男"checked="checked" />
使用HTML辅助方法输出隐藏按钮 Hidden
@Html.Hidden("名称","文本",new{}); <input id="名称" name="名称" type="hidden" value="文本" />;
使用HTML辅助方法输出多选按钮 Password
@Html.Password("名称", 文本, new { @class="class1" }) <input class="class1" id="名称" name="名称" type="password" value="文本" /
使用HTML辅助方法输出 label
@Html.Label("label1","你好") <label for="label1">你好</label>
使用HTML辅助方法输出 DropDownList
//视图代码
@{
List<SelectListItem> list = new List<SelectListItem> { new SelectListItem { Text = "启用", Value = "",Selected = true}, new SelectListItem { Text = "禁用", Value = "" }
};
}
@Html.DropDownList("state",list,null,new{}) //生成的Html代码 <select id="state" name="state">
<option selected="selected" value="">启用</option>
<option value="">禁用</option>
</select>
[MVC HtmlHelper简单了解]的更多相关文章
- asp.net mvc Htmlhelper简单扩展
using System; using System.Collections.Generic; using System.Linq; using System.Web; using System.We ...
- ASP.NET MVC HtmlHelper用法集锦
ASP.NET MVC HtmlHelper用法集锦 在写一个编辑数据的页面时,我们通常会写如下代码 1:<inputtype="text"value='<%=View ...
- 扩展ASP.NET MVC HtmlHelper类
在这篇帖子中我会使用一个示例演示扩展ASP.NET MVC HtmlHelper类,让它们可以在你的MVC视图中工作.这个示例中我会提供一个简单的方案生成Html表格. HtmlHelper类 Htm ...
- MVC HtmlHelper用法大全
MVC HtmlHelper用法大全HtmlHelper用来在视图中呈现 HTML 控件.以下列表显示了当前可用的一些 HTML 帮助器. 本主题演示所列出的带有星号 (*) 的帮助器. ·Actio ...
- Nancy和MVC的简单对比
Nancy和MVC的简单对比 在上一篇的.NET轻量级MVC框架:Nancy入门教程(一)——初识Nancy中,简单介绍了Nancy,并写了一个Hello,world.看到大家的评论,都在问Nancy ...
- [.Net Core] 在 Mvc 中简单使用日志组件
在 Mvc 中简单使用日志组件 基于 .Net Core 2.0,本文只是蜻蜓点水,并非深入浅出. 目录 使用内置的日志组件 简单过渡到第三方组件 - NLog 使用内置的日志 下面使用控制器 Hom ...
- 转载 mvc:message-converters简单介绍 https://www.cnblogs.com/liaojie970/p/7736098.html
mvc:message-converters简单介绍 说说@ResponseBody注解,很明显这个注解就是将方法的返回值作为reponse的body部分.我们进一步分析下这个过程涉及到的内容,首先就 ...
- 用Spring MVC开发简单的Web应用程序
1 工具与环境 借助Eclipse4.3 + Maven3.0.3构建Java Web应用程序.使用Maven内置的servlet 容器jetty,不需手工集成Web服务器到Eclipse.还帮我们自 ...
- Spring MVC之简单入门
一.Spring MVC简介: 1.什么是MVC 模型-视图-控制器(MVC)是一个众所周知的以设计界面应用程序为基础的设计模式.它主要通过分离模型(Model).视图(View)及控制器(Contr ...
随机推荐
- Docker 环境下部署 redash
环境: centos7 官网:https://redash.io/help/open-source/dev-guide/docker 一.安装步骤 1.虚拟机安装 安装vmware,并安装centos ...
- openCV3测试指南
本文来源于https://docs.opencv.org/3.4.1/db/df5/tutorial_linux_gcc_cmake.html 经测试整理后发布 上一节安装完成了openCV,这一节进 ...
- Linux Exploit系列之七 绕过 ASLR -- 第二部分
原文地址:https://github.com/wizardforcel/sploitfun-linux-x86-exp-tut-zh/blob/master/7.md 这一节是简单暴力的一节,作者讲 ...
- webpack4 打包
1. 基本安装及命令 npm config set registry https://registry.npm.taobao.org // 淘宝镜像npm install webpack-c ...
- 解压速度更快, Zstandard 1.4.1 发布
zstd 1.4.1 发布了,zstd 又叫 Zstandard,它是一种快速无损压缩算法,主要应用于 zlib 级别的实时压缩场景,并且具有更好的压缩比.zstd 还可以以压缩速度为代价提供更强的压 ...
- Chrome OS 更新新版本可让Linux访问USB连接的Android设备
谷歌再次为Chrome OS带来了重大版本更新,使版本号达到了75.本次更新的一大亮点就是允许在Chrome OS上运行的Linux能够识别通过USB方式连接的Android设备,能够让用户使用Lin ...
- 测试人员必备:linux文件清理不得不知道的技巧
测试人员最常见和繁琐的任务之一就是清理系统,比如防止磁盘空间出现不足.下面是我收集的一些常用的 Linux 文件系统相关命令. 一 检查可用空间 要查找服务器上所有文件系统上的可用空间,请执行以下命令 ...
- 解决 android studio 出现:"AndroidStudio:Could not GET 'https://dl.google.com Received status code 400 from server: Bad Request"问题
一.android studio 编译项目时出现"AndroidStudio:Could not GET 'https://dl.google.com Received status cod ...
- HCW 19 Team Round (ICPC format) B. Beggin' For A Node(树的重心,交互题)
B. Beggin' For A Node time limit per test2.0 s memory limit per test256 MB inputstandard input outpu ...
- java8学习之自定义收集器实现
在上次花了几个篇幅对Collector收集器的javadoc进行了详细的解读,其涉及到的文章有: http://www.cnblogs.com/webor2006/p/8311074.html htt ...