2016 系统设计第一期（档案一）MVC bootstrap model弹出窗

局部代码：

<!-- 按钮触发模态框 -->

    <div style="">

        <button class="btn btn-primary" data-toggle="modal" data-target="#SaveUser_Modal">

            添加用户

        </button>

        <button class="btn btn-primary" data-toggle="modal" data-target="#EditUser_Modal" onclick="GetPop();">

            修改用户

        </button>

    </div>

窗体代码：

 <!-- 模态框（Modal）添加用户页面 开始 -->

    <div class="modal fade" id="SaveUser_Modal" tabindex="-1" role="dialog"

         aria-labelledby="myModalLabel" aria-hidden="true">

        <div class="modal-dialog" style="width:80%">

            @*设定窗体宽度，只有在这个 class="modal-dialog" 这个div有效*@

            <div class="modal-content">

                <div class="modal-header">

                    <button type="button" class="close"

                            data-dismiss="modal" aria-hidden="true">

                        &times;

                    </button>

                    <h4 class="modal-title" id="myModalLabel">

                        添加用户

                    </h4>

                </div>

                @using (Html.BeginForm("Create", "Users", FormMethod.Post, new { id = "SaveUserForm", @class = "form-horizontal" }))

                {

                    <div class="modal-body">

                        <div class="form-group">

                            <label for="LoginName" class="col-sm-2 control-label">账号</label>

                            <div class="col-md-8">

                                @Html.TextBox("LoginName", "", new { @class = "form-control", placeholder = "请输入账号" })

                            </div>

                        </div>

                        <div class="form-group">

                            <label for="LoginPwd" class="col-sm-2 control-label">密码</label>

                            <div class="col-md-8">

                                @Html.TextBox("LoginPwd", "", new { @class = "form-control", placeholder = "请输入密码" })

                            </div>

                        </div>

                        <div class="form-group">

                            <label for="confirmLoginPwd" class="col-sm-2 control-label">确认密码</label>

                            <div class="col-md-8">

                                @Html.TextBox("confirmLoginPwd", "", new { @class = "form-control", placeholder = "请输入密码" })

                            </div>

                        </div>

                        <div class="form-group">

                            <label for="FullName_C" class="col-sm-2 control-label">中文名</label>

                            <div class="col-md-8">

                                @Html.TextBox("FullName_C", "", new { @class = "form-control", placeholder = "请输入中文名" })

                            </div>

                        </div>

                        <div class="form-group">

                            <label for="FullName_E" class="col-sm-2 control-label">英文名</label>

                            <div class="col-md-8">

                                @Html.TextBox("FullName_E", "", new { @class = "form-control", placeholder = "请输入英文名" })

                            </div>

                        </div>

                        <div class="form-group">

                            <label for="CreateTime" class="col-sm-2 control-label">创建时间</label>

                            <div class="col-md-8">

                                <div class="input-group date form_date" data-date="" data-date-format="" data-link-field="CreateTime" data-link-format="yyyy-mm-dd">

                                    <input class="form-control" size="10" type="text" value="" readonly>

                                    @*<span class="input-group-addon"><span class="glyphicon glyphicon-remove"></span></span>*@

                                    <span class="input-group-addon"><span class="glyphicon glyphicon-calendar"></span></span>

                                </div>

                                @Html.Hidden("CreateTime")

                            </div>

                        </div>

                        <div class="form-group">

                            <label for="Email" class="col-sm-2 control-label">邮箱</label>

                            <div class="col-md-8">

                                @Html.TextBox("Email", "", new { @class = "form-control", placeholder = "请输入邮箱" })

                            </div>

                        </div>

                        <div class="form-group">

                            <label for="QQ" class="col-sm-2 control-label">QQ</label>

                            <div class="col-md-8">

                                @Html.TextBox("QQ", "", new { @class = "form-control", placeholder = "请输入QQ" })

                            </div>

                        </div>

                        <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("Gender", 1, new { @id = "radio1", @name = "Gender" })男

                                </label>

                                <label class="checkbox-inline">

                                    @Html.RadioButton("Gender", 0, new { @id = "radio0", @name = "Gender" })女

                                </label>

                            </div>

                        </div>

                        <div class="form-group">

                            <label for="Mobile" class="col-sm-2 control-label">手机</label>

                            <div class="col-md-8">

                                @Html.TextBox("Mobile", "", new { @class = "form-control", placeholder = "请输入手机" })

                            </div>

                        </div>

                        <div class="form-group">

                            <label for="Telephone" class="col-sm-2 control-label">联系电话</label>

                            <div class="col-md-8">

                                @Html.TextBox("Telephone", "", new { @class = "form-control", placeholder = "请输入联系电话" })

                            </div>

                        </div>

                        <div class="form-group">

                            <label class="col-sm-2 control-label" id="captchaOperation"></label>

                            <div class="col-md-8">

                                <input type="text" class="form-control" name="captcha" placeholder="请输入请输入结果" />

                            </div>

                        </div>

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

                        @Html.Hidden("CreateTime")

                    </div>

                    <div class="modal-footer">

                        <button type="button" class="btn btn-default"

                                data-dismiss="modal">

                            关闭

                        </button>

                        <button type="button" class="btn btn-info" id="validateBtn">重新验证</button>

                        <button type="button" class="btn btn-info" id="resetBtn">重置</button>

                        <button type="submit" class="btn btn-primary">

                            提交更改

                        </button>

                    </div>

                }

            </div><!-- /.modal-content -->

        </div>

    </div>

    <!-- 模态框（Modal）添加用户页面 结束 -->

2016 系统设计第一期（档案一）MVC bootstrap model弹出窗的更多相关文章

2016 系统设计第一期（档案一）MVC bootstrap model弹出子页面
通过bootstrap 弹出modal-dialog 子页面 ,例如我要弹出子页面:areaitem_sub_One.html. 具体步骤如下: 第一步:新建 areaitem_sub_One.ht ...
Bootstrap模态弹出窗
Bootstrap模态弹出窗有三种方式: 1.href触发模态弹出窗元素: <a class="btn btn-primary" data-toggle="moda ...
bootstrap model弹出框的使用
之前,我们讲解了bootstrap tab的使用,今天我们来了解下bootstrap 中model弹出窗的使用. 效果: 代码:<input id="btntext" typ ...
2016 系统设计第一期（档案一）MVC ajax 获取json数据
我在做一张表的增删改查的时候,在编辑的时候,需要获取当前选择行对应的Id,然后并且把选择行的Id的对于的数据取出来,代码如下: 列表a标签绑定: Js代码: url: '/Users/GetUserB ...
2016 系统设计第一期（档案一）MVC form数据提交
前几天我发现 MVC 虽然解决了webform的问题但是用起来真的很麻烦,不知道是我刚接触的原因还是为什么,感觉有很多的局限性,对于form的提交一个form只能绑定一个action,代码如下: @u ...
2016 系统设计第一期（档案一）MVC 和 Bootstrap 表单转换
bootstrap <form role="form"> <div class="form-group"> <label for= ...
2016 系统设计第一期（档案一）MVC 相关控件整理
说明:前者是MVC,后者是boostrap 1.form 表单 @using (Html.BeginForm("Create", "User", FormMet ...
2016 系统设计第一期（档案一）MVC a标签跳转 Html.ActionLink的用法
html: <a class="J_menuItem" href="baidu.com">权限管理</a> cshtml: 原有样式: ...
2016 系统设计第一期（档案一）MVC 引用 js css
@Styles.Render("~/Bootstrap/css/bootstrap-theme.css") @Scripts.Render("~/jQuery/jquer ...

随机推荐

eclipse svn重定位(relocate)
eclipse 中项目svn 重定向 How to properly perform an SVN relocate on Zend for Eclipse 在eclipse中项目的svn 重定位(r ...
MyBatis(3.2.3) - One-to-one mapping using nested Select
We can get Student along with the Address details using a nested Select query as follows: <result ...
SQLSERVER2012数据库还原
(1)还原已存在数据库还原时提示失败,因为数据库正在使用,无法获得独占访问权.解决办法,先分离已存在的数据库,再执行还原操作. 确定后居然成功了,因为我是先使用(2)还原数据库后直接尝试(1)方法还 ...
Oracle 简介三层结构
引言: 主流数据库:sql server, oracle, my sql,IBM公司的DB2 ,oracle占有量很大 dbms(database management system)数据库管理系统 ...
JAR、WAR、EAR 区别
JAR包 JAR 文件格式以流行的 ZIP 文件格式为基础: 与 ZIP 文件不同的是,JAR 文件不仅用于压缩和发布,而且还用于部署和封装库.组件和插件程序,并可被像编译器和 JVM 这样的工具直接 ...
3月31日学习笔记（HTML基础）
HTML标签和元素概念区别 <p>是标签,<p>内容</p>是HTML元素. <pre></pre>定义预格式化文本,多用来显示源代码. 表 ...
关于在DWZ使用ssh后台查询的几种方式
1.查询所有记录,并以列表形式查询 DaoImpl public PageBean queryByPage(String hql, List<Object> listobj, int pa ...
Spring boot 1.3.5 RELEASE 官方文档中文翻译--Part2：新手入门
Part II. 新手入门如果你刚刚开始学习Spring boot或"普通"的Spring,这部分非常适合你!在这里,我们回答了最基础的"什么是?".&quo ...
ArrayList和Array之间的转换
ArrayList转Array (1):使用ArrayList的toArray方法. 1)当ArrayList中存放的是引用类型时(例如String),成功 /** * 使用 ...
Java编程思想之字符串
来自:Java编程思想(第四版) 第十三章字符串字符串操作是计算机程序中最常见的行为. String对象是不可变的.查看JDK文档你就会发现,String类中每一个看起来会修改String ...

2016 系统设计第一期 （档案一）MVC bootstrap model弹出窗

2016 系统设计第一期 （档案一）MVC bootstrap model弹出窗的更多相关文章

随机推荐

热门专题

2016 系统设计第一期（档案一）MVC bootstrap model弹出窗

2016 系统设计第一期（档案一）MVC bootstrap model弹出窗的更多相关文章