您当前的位置: 首页 » asp.net编程学习 » MVC VIEW用Razor输出表单

MVC VIEW用Razor输出表单

.NET的MVC输出表单很简单，如下（建立一个视图）：

@using (Html.BeginForm())
{
    <text>
    <p>用户名<input type="text" name="AN_UserName" /></p>
    <p>密码<input type="text" name="AN_PassWord" /> </p>
    <p><input type="submit" name="submit" value="登录" /></p>
    </text>
}

代码中的<text>最后是不会输出的，它只是标示它是HTML而不是Razor语法，实际上，即使不加<text>，在这个例子中也没问题，因为我们用了HTML标签P,运行之后，最终生成代码如下：

当然你也可以这么写：

@using (Html.BeginForm())
{
    <p>用户名@(Html.TextBox("AN_UserName"))</p>
    <p>密码@(Html.TextBox("AN_PassWord"))</p>
    <p><input type="submit" name="submit" value="登录" /></p>
}

我们再给用户名这个文本框加个css样式，代码如下：

<p>用户名@(Html.TextBox("AN_UserName", "", new { css = "myinput"}))</p>

当然，现在用AJAX提交表单，也是很流行的做法，用AJAX提交表单需要引入JQUERY和jquery.unobtrusive-ajax 这两个文件在Scripts文件夹中都有，我们可以试下下面的代码：

@using (Ajax.BeginForm(new AjaxOptions { OnBegin="check",OnSuccess="success"}))
{
    <p>用户名@(Html.TextBox("AN_UserName"))</p>
    <p>密码@(Html.TextBox("AN_PassWord"))</p>
    <p><input type="submit" name="submit" value="登录" /></p>
}

这里的check是执行前要执行的Javascript函数，而success是执行成功后要执行的javascript函数，我们随便写两个：

var check = function(){
alert("check");
}

var success = function(data){
alert(data.id);
}

data.id是我们返回的JSON中有id这个字段，返回代码在控制器中，类似如下：

return Json(new {
id = 1,
name = "ahuinan"
});

查看生成的FORM，我们可以看到FORM的语句：

上一篇：ASP.NET MVC Unobtrusive JavaScript 实现 onfocusout 验证

下一篇：禁用Visual Studio 2013的Browser Link功能

留下脚印压缩包密码:sosuo8

名字:

全部评论:

申明:本站部分文章来自网络,由于各种原因对文章的来源无从考究,如果您是“ MVC VIEW用Razor输出表单 ”的原作者，若侵犯您的版权,请与我联系!联系方法：email:ahuinan@21cn.com QQ:106494262

文章档案

作者：阿会楠
来源：搜索吧
日期：2015/2/14 22:21:00
点击：loading...

网友投票(您觉得这篇文章怎样？)

请稍侯......

您可能感兴趣