111()

public class BundleConfig { // 有关捆绑的详细信息,请访问 https://go.microsoft.com/fwlink/?LinkId=301862 public static void RegisterBundles(BundleCollection bundles) { bundles.Add(new ScriptBundle(“~/bundles/jquery”).Include( “~/Scripts/layui/layui.js”));

bundles.Add(new StyleBundle(“~/Content/css”).Include( “~/Scripts/layui/css/layui.css”)); } } @{ ViewBag.Title = “Index”;}

<!DOCTYPE html><html><head> <meta charset=”utf-8″>

@Styles.Render(“~/Content/css”)</head><body>

<div class=”layui-inline” id=”searchKeywordf”> <input type=”text” autocomplete=”off” id=”keyword” placeholder=”关键字…” class=”layui-input”> </div> <div class=”layui-btn layui-btn-normal” id=”search”>查询</div> <div class=”layui-btn layui-btn-normal” id=”add”>新增</div> <table class=”layui-hide” id=”test” lay-filter=”jsTabel”></table>

@Scripts.Render(“~/bundles/jquery”) &lt;script type=”text/html” id=”tool”&gt; <button class=”layui-btn layui-btn-sm layui-btn-danger” lay-event=”Del”><i class=”layui-icon”></i> 删除</button> <button class=”layui-btn layui-btn-sm layui-btn-normal” lay-event=”Edit”><i class=”layui-icon”></i> 修改</button> &lt;/script&gt;

&lt;script&gt; layui.use(‘table’, function () { var table = layui.table; var $ = layui.$; table.render({ elem: ‘#test’ , url: “@Url.Action(“GetList”)” , page: true , cols: [[ { field: ‘Id’, width: 150, title: ‘编号’, sort: true } , { field: ‘Name’, width: 150, title: ‘姓名’, sort: true} , { field: ‘Sex’, width: 150, title: ‘性别’, sort: true} , { field: ‘ChId’, width: 150, title: ‘学号’, sort: true } , { field: ‘Tel’, width: 150, title: ‘电话’, sort: true} , { field: ‘Pwd’, width: 150, title: ‘密码’, sort: true } , { field: ‘Address’, width: 150, title: ‘地址’, sort: true } , { title: ‘操作’, width: 200, toolbar: “#tool” } @*, { title: ‘操作’, width: 200, templet: function (obj) { var btnHtml = “”; btnHtml += ‘<button class=”layui-btn layui-btn-sm layui-btn-danger”><i class=”layui-icon”></i>删除</button>’; btnHtml += ‘<button class=”layui-btn layui-btn-sm layui-btn-normal”><i class=”layui-icon”></i>修改</button>’; return btnHtml; } }*@ ]]

}); table.on(“tool(jsTabel)”, function (obj) { var event = obj.event; var data = obj.data; if (event == “Del”) { $.ajax({ type: “POST”, url: “@Url.Action(“DelStudent”)”, data: { userGuid: data.UserGuid }, beforeSend: function (XHR) { layer.load(5, { shade: [0.4, “#3352CC”] }) }, success: function (result) { if (result.Success == true) { $(“#search”).click(); layer.msg(result.Message, { icon: 1 }); } else { layer.msg(result.Message, { icon: 5 }); } }, complete: function () { layer.closeAll(“loading”); } })

} else if (event=”Edit”) { layer.open({ type: 2, content: ‘@Url.Action(“StudentDetail”)?Id=’ + data.Id, title: “修改用户”, area: [“700px”, “550px”], end: function () { // layui 关闭弹框时的回调函数 $(“#search”).click(); } }) } })

$(“#search”).on(“click”, function () { table.reload(“test”, { page: { curr: 1 }, where: { Keyword: $(“#keyword”).val() } }, ‘data’); }); $(“#add”).on(“click”, function () { layer.open({ type:2, content: ‘@Url.Action(“StudentDetail”)’, title: “新增学生”, area: [“700px”, “550px”], end: function () { // layui 关闭弹框时的回调函数 $(“#search”).click(); } }) })

});

&lt;/script&gt;

</body></html>

@{ ViewBag.Title = “StudentDetail”;}

@Styles.Render(“~/Content/css”)<form class=”layui-form layui-form-pane1″ action=”” lay-filter=”first”> <div class=”layui-form-item”> <label class=”layui-form-label”></label> <div class=”layui-input-inline”> <input type=”hidden” name=”Id”> </div> </div> <div class=”layui-form-item”> <label class=”layui-form-label”>姓名</label> <div class=”layui-input-inline”> <input type=”text” name=”Name” lay-verify=”required” placeholder=”请输入姓名” autocomplete=”off” class=”layui-input”> </div> <div class=”layui-form-mid layui-word-aux”>请务必填写姓名</div> </div> <div class=”layui-form-item”> <label class=”layui-form-label”>性别</label> <div class=”layui-input-inline”> <input type=”text” name=”Sex” lay-verify=”required” placeholder=”请输入性别” autocomplete=”off” class=”layui-input”> </div> <div class=”layui-form-mid layui-word-aux”>请务必填写性别</div> </div> <div class=”layui-form-item”> <label class=”layui-form-label”>学号</label> <div class=”layui-input-inline”> <input type=”text” name=”ChId” lay-verify=”required” placeholder=”请输入学号” autocomplete=”off” class=”layui-input”> </div> <div class=”layui-form-mid layui-word-aux”>请务必填写学号</div> </div> <div class=”layui-form-item”> <label class=”layui-form-label”>手机号</label> <div class=”layui-input-inline”> <input type=”tel” name=”Tel” lay-verify=”required|number” placeholder=”请输入手机号” autocomplete=”off” class=”layui-input”> </div> <div class=”layui-form-mid layui-word-aux”>请务必填写手机号</div> </div> <div class=”layui-form-item”> <label class=”layui-form-label”>密码</label> <div class=”layui-input-inline”> <input type=”text” name=”Pwd” lay-verify=”required” placeholder=”请输入密码” autocomplete=”off” class=”layui-input”> </div> <div class=”layui-form-mid layui-word-aux”>请务必填写密码</div> </div> <div class=”layui-form-item”> <label class=”layui-form-label”>地址</label> <div class=”layui-input-inline”> <input type=”text” name=”Address” lay-verify=”required” placeholder=”请输入地址” autocomplete=”off” class=”layui-input”> </div> <div class=”layui-form-mid layui-word-aux”>请务必填写地址</div> </div> <div class=”layui-form-item”> <div class=”layui-input-block”> <button class=”layui-btn” lay-submit lay-filter=”sub”>立即提交</button> <button onclick=”parent.layer.closeAll()” class=”layui-btn layui-btn-primary”>关闭</button> </div> </div></form>@Scripts.Render(“~/bundles/jquery”)&lt;script&gt; layui.use([“form”], function () { var form = layui.form, layer = layui.layer, layedit = layui.layedit, laydate = layui.laydate, $ = layui.$;

var userInfo = ‘@Html.Raw(ViewBag.student)’;

var jsonUser = JSON.parse(student); form.val(“first”, jsonUser);

form.on(“submit(sub)”, function (obj) { var student = obj.field; layer.load(5, { shade: [0.5, “#5588AA”] }); $.ajax({ type: “POST”, data: { student: student//传出数据 }, url: “@Url.Action(“SubStudentDetail”)”, success: function (result) { layer.closeAll(“loadiing”); if (result.Success) { layer.msg(result.Message, { icon: 2 }); parent.layer.closeAll(); } else { layer.msg(result.Message, { icon: 5 }); } } }) }) })&lt;/script&gt;

using LayUITest.Models;using System;using System.Collections.Generic;using System.Linq;using System.Web;using System.Web.Mvc;

namespace LayUITest.Controllers{ public class DefaultController : Controller { // GET: Default public ActionResult Index() { return View(); } public ActionResult GetList(int page, int limit) { using (SchoolModelDB db = new SchoolModelDB()) { var query = db.Student.Where(x => x.Name != null); var pageQuery = query.OrderBy(x => x.Id).Skip(limit * (page – 1)).Take(limit).ToList(); var result = new { code = 0, msg = “”, count = query.Count(), data = pageQuery }; return Json(result, JsonRequestBehavior.AllowGet); }

} public ActionResult StudentDetail(int? id) { using (SchoolModelDB db = new SchoolModelDB()) { var student = db.Student.FirstOrDefault(u => u.Id == id); ViewBag.student = Newtonsoft.Json.JsonConvert.SerializeObject(student); return View(); } } public ActionResult SubStudentDetail(Student student) { using (SchoolModelDB db = new SchoolModelDB()) { var editStudent = db.Student.FirstOrDefault(u => u.Id == student.Id); if (editStudent == null) // 新增 { var addStudent = new Student() { Name = student.Name, Sex = student.Sex, ChId = student.ChId, Tel = student.Tel, Pwd = student.Pwd, Address = student.Address }; db.Student.Add(addStudent); } else { editStudent.Name = student.Name; editStudent.Sex = student.Sex; editStudent.ChId = student.ChId; editStudent.Tel = student.Tel; editStudent.Pwd = student.Pwd; editStudent.Address = student.Address; } if (db.SaveChanges() > 0) { return Json(new { Succes = true, Message = “操作成功” }); } else { return Json(new { Succes = false, Message = “操作失败” }); } } }

}}

————————

public class BundleConfig { // 有关捆绑的详细信息,请访问 https://go.microsoft.com/fwlink/?LinkId=301862 public static void RegisterBundles(BundleCollection bundles) { bundles.Add(new ScriptBundle(“~/bundles/jquery”).Include( “~/Scripts/layui/layui.js”));

bundles.Add(new StyleBundle(“~/Content/css”).Include( “~/Scripts/layui/css/layui.css”)); } } @{ ViewBag.Title = “Index”;}

<!DOCTYPE html><html><head> <meta charset=”utf-8″>

@Styles.Render(“~/Content/css”)</head><body>

<div class=”layui-inline” id=”searchKeywordf”> <input type=”text” autocomplete=”off” id=”keyword” placeholder=”关键字…” class=”layui-input”> </div> <div class=”layui-btn layui-btn-normal” id=”search”>查询</div> <div class=”layui-btn layui-btn-normal” id=”add”>新增</div> <table class=”layui-hide” id=”test” lay-filter=”jsTabel”></table>

@Scripts.Render(“~/bundles/jquery”) &lt;script type=”text/html” id=”tool”&gt; <button class=”layui-btn layui-btn-sm layui-btn-danger” lay-event=”Del”><i class=”layui-icon”></i> 删除</button> <button class=”layui-btn layui-btn-sm layui-btn-normal” lay-event=”Edit”><i class=”layui-icon”></i> 修改</button> &lt;/script&gt;

&lt;script&gt; layui.use(‘table’, function () { var table = layui.table; var $ = layui.$; table.render({ elem: ‘#test’ , url: “@Url.Action(“GetList”)” , page: true , cols: [[ { field: ‘Id’, width: 150, title: ‘编号’, sort: true } , { field: ‘Name’, width: 150, title: ‘姓名’, sort: true} , { field: ‘Sex’, width: 150, title: ‘性别’, sort: true} , { field: ‘ChId’, width: 150, title: ‘学号’, sort: true } , { field: ‘Tel’, width: 150, title: ‘电话’, sort: true} , { field: ‘Pwd’, width: 150, title: ‘密码’, sort: true } , { field: ‘Address’, width: 150, title: ‘地址’, sort: true } , { title: ‘操作’, width: 200, toolbar: “#tool” } @*, { title: ‘操作’, width: 200, templet: function (obj) { var btnHtml = “”; btnHtml += ‘<button class=”layui-btn layui-btn-sm layui-btn-danger”><i class=”layui-icon”></i>删除</button>’; btnHtml += ‘<button class=”layui-btn layui-btn-sm layui-btn-normal”><i class=”layui-icon”></i>修改</button>’; return btnHtml; } }*@ ]]

}); table.on(“tool(jsTabel)”, function (obj) { var event = obj.event; var data = obj.data; if (event == “Del”) { $.ajax({ type: “POST”, url: “@Url.Action(“DelStudent”)”, data: { userGuid: data.UserGuid }, beforeSend: function (XHR) { layer.load(5, { shade: [0.4, “#3352CC”] }) }, success: function (result) { if (result.Success == true) { $(“#search”).click(); layer.msg(result.Message, { icon: 1 }); } else { layer.msg(result.Message, { icon: 5 }); } }, complete: function () { layer.closeAll(“loading”); } })

} else if (event=”Edit”) { layer.open({ type: 2, content: ‘@Url.Action(“StudentDetail”)?Id=’ + data.Id, title: “修改用户”, area: [“700px”, “550px”], end: function () { // layui 关闭弹框时的回调函数 $(“#search”).click(); } }) } })

$(“#search”).on(“click”, function () { table.reload(“test”, { page: { curr: 1 }, where: { Keyword: $(“#keyword”).val() } }, ‘data’); }); $(“#add”).on(“click”, function () { layer.open({ type:2, content: ‘@Url.Action(“StudentDetail”)’, title: “新增学生”, area: [“700px”, “550px”], end: function () { // layui 关闭弹框时的回调函数 $(“#search”).click(); } }) })

});

&lt;/script&gt;

</body></html>

@{ ViewBag.Title = “StudentDetail”;}

@Styles.Render(“~/Content/css”)<form class=”layui-form layui-form-pane1″ action=”” lay-filter=”first”> <div class=”layui-form-item”> <label class=”layui-form-label”></label> <div class=”layui-input-inline”> <input type=”hidden” name=”Id”> </div> </div> <div class=”layui-form-item”> <label class=”layui-form-label”>姓名</label> <div class=”layui-input-inline”> <input type=”text” name=”Name” lay-verify=”required” placeholder=”请输入姓名” autocomplete=”off” class=”layui-input”> </div> <div class=”layui-form-mid layui-word-aux”>请务必填写姓名</div> </div> <div class=”layui-form-item”> <label class=”layui-form-label”>性别</label> <div class=”layui-input-inline”> <input type=”text” name=”Sex” lay-verify=”required” placeholder=”请输入性别” autocomplete=”off” class=”layui-input”> </div> <div class=”layui-form-mid layui-word-aux”>请务必填写性别</div> </div> <div class=”layui-form-item”> <label class=”layui-form-label”>学号</label> <div class=”layui-input-inline”> <input type=”text” name=”ChId” lay-verify=”required” placeholder=”请输入学号” autocomplete=”off” class=”layui-input”> </div> <div class=”layui-form-mid layui-word-aux”>请务必填写学号</div> </div> <div class=”layui-form-item”> <label class=”layui-form-label”>手机号</label> <div class=”layui-input-inline”> <input type=”tel” name=”Tel” lay-verify=”required|number” placeholder=”请输入手机号” autocomplete=”off” class=”layui-input”> </div> <div class=”layui-form-mid layui-word-aux”>请务必填写手机号</div> </div> <div class=”layui-form-item”> <label class=”layui-form-label”>密码</label> <div class=”layui-input-inline”> <input type=”text” name=”Pwd” lay-verify=”required” placeholder=”请输入密码” autocomplete=”off” class=”layui-input”> </div> <div class=”layui-form-mid layui-word-aux”>请务必填写密码</div> </div> <div class=”layui-form-item”> <label class=”layui-form-label”>地址</label> <div class=”layui-input-inline”> <input type=”text” name=”Address” lay-verify=”required” placeholder=”请输入地址” autocomplete=”off” class=”layui-input”> </div> <div class=”layui-form-mid layui-word-aux”>请务必填写地址</div> </div> <div class=”layui-form-item”> <div class=”layui-input-block”> <button class=”layui-btn” lay-submit lay-filter=”sub”>立即提交</button> <button onclick=”parent.layer.closeAll()” class=”layui-btn layui-btn-primary”>关闭</button> </div> </div></form>@Scripts.Render(“~/bundles/jquery”)&lt;script&gt; layui.use([“form”], function () { var form = layui.form, layer = layui.layer, layedit = layui.layedit, laydate = layui.laydate, $ = layui.$;

var userInfo = ‘@Html.Raw(ViewBag.student)’;

var jsonUser = JSON.parse(student); form.val(“first”, jsonUser);

form.on(“submit(sub)”, function (obj) { var student = obj.field; layer.load(5, { shade: [0.5, “#5588AA”] }); $.ajax({ type: “POST”, data: { student: student//传出数据 }, url: “@Url.Action(“SubStudentDetail”)”, success: function (result) { layer.closeAll(“loadiing”); if (result.Success) { layer.msg(result.Message, { icon: 2 }); parent.layer.closeAll(); } else { layer.msg(result.Message, { icon: 5 }); } } }) }) })&lt;/script&gt;

using LayUITest.Models;using System;using System.Collections.Generic;using System.Linq;using System.Web;using System.Web.Mvc;

namespace LayUITest.Controllers{ public class DefaultController : Controller { // GET: Default public ActionResult Index() { return View(); } public ActionResult GetList(int page, int limit) { using (SchoolModelDB db = new SchoolModelDB()) { var query = db.Student.Where(x => x.Name != null); var pageQuery = query.OrderBy(x => x.Id).Skip(limit * (page – 1)).Take(limit).ToList(); var result = new { code = 0, msg = “”, count = query.Count(), data = pageQuery }; return Json(result, JsonRequestBehavior.AllowGet); }

} public ActionResult StudentDetail(int? id) { using (SchoolModelDB db = new SchoolModelDB()) { var student = db.Student.FirstOrDefault(u => u.Id == id); ViewBag.student = Newtonsoft.Json.JsonConvert.SerializeObject(student); return View(); } } public ActionResult SubStudentDetail(Student student) { using (SchoolModelDB db = new SchoolModelDB()) { var editStudent = db.Student.FirstOrDefault(u => u.Id == student.Id); if (editStudent == null) // 新增 { var addStudent = new Student() { Name = student.Name, Sex = student.Sex, ChId = student.ChId, Tel = student.Tel, Pwd = student.Pwd, Address = student.Address }; db.Student.Add(addStudent); } else { editStudent.Name = student.Name; editStudent.Sex = student.Sex; editStudent.ChId = student.ChId; editStudent.Tel = student.Tel; editStudent.Pwd = student.Pwd; editStudent.Address = student.Address; } if (db.SaveChanges() > 0) { return Json(new { Succes = true, Message = “操作成功” }); } else { return Json(new { Succes = false, Message = “操作失败” }); } } }

}}