jquery ui对话框使用MVC和CRUD

本文关键字：MVC CRUD ui 对话框 jquery | 更新日期: 2023-09-27 18:24:18

我想实现一些jquery ui对话框，但我找不到任何好的例子来做我想做的事情。我正在使用MVC4和CRUD。一旦我创建了一个记录，我想显示一个jquery对话框来告诉用户这已经完成了，编辑也是如此。任何示例或教程都将不胜感激。

一旦post被调用，那么在重定向通知用户之前，如果db.savechanges（）成功，那么就可以有一个jquery对话框。

我所做的一个快速的例子。

这是我的看法

@model Models.customer
@{
ViewBag.Title = "Create";
}
<h2>Create</h2>
@using (Html.BeginForm()) {
@Html.ValidationSummary(true)
<fieldset>
    <legend>customer</legend>
     @Html.EditorForModel()
  </fieldset>
     <div id="submitCreateButton">
       <input type="submit" value="Create"  />
    </div>
}
<div id="backToListLink">
@Html.ActionLink("Back to List", "Index",new { conName = ViewBag.connectionName },   null)
</div>
@section Scripts {
@Scripts.Render("~/bundles/jqueryval")
}

和我的控制器

 [HttpPost]
    public ActionResult Create(customer customer)
    {
        using (db = new trakman_Entities(staticConnection))
        {
            if (ModelState.IsValid)
            {
                customer.code = customer.code.ToUpper();
                db.customers.AddObject(customer);
                db.SaveChanges();
                return RedirectToAction("Index");
            }
        }
        return View(customer);
    }

jquery ui对话框使用MVC和CRUD

将ajax选项添加到表单中，表单调用对话框，类似于

 @using (Html.BeginForm("action", "controller", new AjaxOptions{OnSuccess = "handleSuccess"}))
 {
 }
 @section scripts {
     <script>
         function handleSuccess(result) {
             //call dialog
         }
     </script>
相关文章：