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", placeholder = "请输入账号" })

<input type="text" class="form-control" id="LoginName" placeholder="请输入QQ">

3.隐藏控件

@Html.Hidden("UserId");

<input type="hidden" id="UserId" value="" />

4.单选控件

<div class="col-md-4">
<label class="checkbox-inline">
@Html.RadioButton("Gender", 1, new { @id = "radio1", @name = "Gender" })男
</label>
<label class="checkbox-inline">
@Html.RadioButton("Gender", 0, new { @id = "radio0", @name = "Gender" })女
</label>
</div>
<div class="col-md-4">
<label class="checkbox-inline">
<input type="radio" name="optionsRadiosinline" id="optionsRadios3"
value="option1" checked> 男
</label>
<label class="checkbox-inline">
<input type="radio" name="optionsRadiosinline" id="optionsRadios4"
value="option2"> 女
</label>
</div>
时间: 2024-08-01 22:43:11

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

2016 系统设计第一期 (档案一)MVC a标签 跳转 Html.ActionLink的用法

html: <a class="J_menuItem" href="baidu.com">权限管理</a> cshtml: 原有样式: @Html.ActionLink("权限管理", "UserList", "User", new { style = "color:red", @class = "J_menuItem" }) 再加额外样式:

2016 系统设计第一期 (档案一)MVC bootstrap model弹出子页面

通过bootstrap  弹出modal-dialog 子页面 ,例如我要弹出子页面:areaitem_sub_One.html. 具体步骤如下: 第一步:新建 areaitem_sub_One.html <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="Cl

2016 系统设计第一期 (档案一)MVC 控制器接收表单数据

1.FormCollection collection   user.UserId =Convert.ToInt32(collection["UserId"]); /// <summary> /// 更新 /// </summary> /// <param name="userId"></param> /// <param name="collection"></param>

2016 系统设计第一期 (档案一)jQuery radio 取值赋值

MVC代码: <div class="form-group"> <label for="Gender" class="col-sm-2 control-label">性别</label> <div class="col-md-8"> <label class="checkbox-inline"> @Html.RadioButton("Ge

2016 系统设计第一期 (档案一)jQuery ajax serialize()方法form提交数据

jQuery ajax serialize()方法form提交数据,有个很奇怪的问题,好像不能取到隐藏控件的值. //点击提交按钮保存数据 $('#btn_submitUser').click(function () { var UserId = $('#UserId').val(); if (UserId == "") { $.ajax({ type: "POST", url: '/Users/Create/', data: $("#SaveUserFo

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属性都被赋值为"

html学习第一讲(内容html常规控件的的使用)

1 <html> 2 <head> 3 <title> 这是网页的标题</title> 4 </head> 5 6 <body> 7 <h2><font color ="blue"> 这是网页的内容!</font></h2> 8 9 <a href="http://www.cnblogs.com/gongxijun">这是一个连接<

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

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

(转)2016年第一期云评测报告

我们在说起云服务的时候,厂商传递给我们的信息总是非常简单:打消所有的顾虑,我们会帮你处理所有的事情. 但是云服务真的能让你省心吗? 也许可以,但是还有一个更严峻的问题:当你面对众多云服务厂商,不懂套路的你如何选择?牵涉指标太多,专业的云性能指标也不那么易懂,到底哪款适合你? 没有关系这都不再是问题,继2015年<中国公有云用户体验报告>后,听云又一重磅报告<2016第一期云评测报告>正式发布.此次报告是听云iDaaS中心利用自主研发的听云Network产品,从模拟真实用户的角度对不