添加按钮无所作为(MVC3) [英] Add Button doing nothing (MVC3)

问题描述

查看

View

@{
lang="xml">ViewBag.Title = "Index";
}

<h2>Index</h2>

<p>
    @Html.ActionLink("Create New", "Create")
</p>
<fieldset>
    <br />
    <br />
    <br />

     <div align="center">

     @{

        @(Html.Telerik().Grid<SmartTrack.Web.DAL.SysUserList>()
        .DataBinding(dataBinding => dataBinding.Ajax().Select("Index", "User"))
        .Name("UserList")
        .DataKeys(keys => keys
            .Add(c => c.UserName)
            .RouteKey("UserName"))
        .Columns(columns =>
        {
            columns.Bound(o => o.UserName).Width(100);
            columns.Bound(o => o.FirstName).Width(200);
            columns.Bound(o => o.LastName).Width(250);
            columns.Bound(o => o.Active).ClientTemplate("<input type='checkbox' disabled='disabled' name='Active' <#=Active? checked='checked' : '' #> ;").Width(70).HtmlAttributes(new { style = "text-align:center" }); ;


        })
        .Pageable(pagerAction => pagerAction.PageSize(20))
        .Sortable()
        .Selectable()
        .Scrollable()
        .Groupable()
        .Filterable()
        .HtmlAttributes(new { style = "width:50%;" })
       )
         }
       </div>
       <br/>
       <div align="center">
        <table>
        <tr>
        <td>
            <button id="btnAdd" type="submit" style="height:40px;width:70px" ">Add</button>
            </td>
            <td>
            <button style="height:40px;width:70px" ">Edit</button>
            </td>
            <td>
            <button style="height:40px;width:70px" ">Delete</button>
            </td>
        </tr>
        </table>
       </div>
       </fieldset>

<script type="text/javascript">
    $(function () {
        $('#btnAdd').click(function () {
            $.ajax({
            type: "POST",
            data: $("form").serialize(),
            url: '@Url.Action("CreateUser","User")',
            success: function (result) {
                $('#cuscreate').html(result)
            }
            });
        });
    });
    </script>

此视图包含一个脚本，单击添加按钮时可从该脚本中调用UserController Create方法

Control

This view contain a script from which the UserController Create method is call when the add button is clicked

Control

using System; 
using System.Collections.Generic; 
using System.Linq; 
using System.Web; 
using System.Web.Mvc; 
using SmartTrack.Web.Attributes; 
using SmartTrack.Web.Models; 
using SmartTrack.Web.DAL; 
using Telerik.Web.Mvc; 
namespace SmartTrack.Web.Controllers 
{ 
    public class UserController : Controller 
    { 
        SMARTTrackerEntities db = new SMARTTrackerEntities(); 
 
        // 
        // GET: /User/ 
        [GridAction] 
        public ActionResult Index() 
        { 
            //ViewData["UserGroup"] = DisplayContentEngine.getUserGroupList(); 
 
            return View(new GridModel(UserListEngine.getAllSystemUser())); 
        } 
 
        [HttpPost]  
        public ActionResult CreateUser() 
        { 
 
            ViewData["Location"] = DisplayContentEngine.getLocationList(); 
            ViewData["Branch"] = DisplayContentEngine.getBranchList(); 
            //var v = ViewData.Model = UserListEngine.getAllSystemUser(); 
            var user = new SysUserList(); 
 
            return View(user); 
        } 
 
        [HttpPost] 
        public ActionResult Create(SysUserList user) 
        { 
            try 
            { 
                // TODO: Add insert logic here 
                if (ModelState.IsValid) 
                { 
 
                    //Save Registration 
                    db.SysUserLists.AddObject(user); 
                    db.SaveChanges(); 
 
                    return RedirectToAction("Index"); 
                } 
                return View(user); 
            } 
            catch 
            { 
                return View(); 
            } 
 
        } 
 
        public ActionResult Edit(string username) 
        { 
            SysUserList sysuserlist = db.SysUserLists.Single(s => s.UserName == username); 
            return View(sysuserlist); 
 
        } 
    } 
} 

创建视图

Create View

@model SmartTrack.Web.DAL.SysUserList 
 
@{ 
    ViewBag.Title = "CreateUser"; 
    Layout = "~/Views/Shared/_Layout.cshtml"; 
} 
 
<h2>Create</h2> 
 
 
@using (Html.BeginForm()) 
{ 
    <div id="cuscreate"> 
        <fieldset> 
 
        <table> 
            <tr> 
                <td> 
                    <label>First Name</label> 
                </td> 
                <td> 
                    @Html.TextBoxFor(model => model.FirstName) 
                </td> 
                <td> 
                    <label>Last Name</label> 
                </td> 
                <td> 
                    @Html.TextBoxFor(model => model.LastName) 
                </td> 
            </tr> 
            <tr> 
                <td> 
                    <label>User Name</label> 
                </td> 
                <td> 
                    @Html.TextBoxFor(model => model.UserName) 
                </td> 
                <td> 
                    <label>Password</label> 
                </td> 
                <td> 
                    @Html.PasswordFor(model => model.userPwd) 
                </td> 
            </tr> 
            <tr></tr> 
            <tr> 
                <td> 
                    <label>Location</label> 
                </td> 
                <td> 
                    @(Html.Telerik().DropDownList() 
                    .Name("ddLocation") 
                    .BindTo((IEnumerable<DropDownItem>)ViewData["Location"]) 
                    .CascadeTo("ddlBranch") 
                    ) 
                </td> 
                <td> 
                     <label>Branch</label> 
                </td> 
                <td> 
                    @(Html.Telerik().DropDownList() 
                    .Name("ddlBranch") 
                    .BindTo((IEnumerable<DropDownItem>)ViewData["Branch"]) 
                    ) 
                </td> 
            </tr> 
 
        </table> 
 
 
        </fieldset> 
    </div> 
}

单击添加按钮后，什么都不会发生，有人可以告诉我我的问题吗?

在此先感谢

关于Kurt

When the add button is click nothing happen can someone tell my whats my issue?

Thanks in advance

Regards Kurt

推荐答案

(function(){

(function () {

('#btnAdd').click(function(){

('#btnAdd').click(function () {

.ajax({ 类型:" POST ， 数据:

.ajax({ type: "POST", data:

这篇关于添加按钮无所作为(MVC3)的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！