.net+EF+mvc通过EasyUI的DataGrid实现增删改查

最新推荐文章于 2020-06-28 02:36:38 发布
最新推荐文章于 2020-06-28 02:36:38 发布
阅读量91 收藏
点赞数
原文链接：http://www.cnblogs.com/chenze-Index/p/9209866.html
版权

@{
    Layout = null;
}

<!DOCTYPE html>

<html>
<head>
    <meta name="viewport" content="width=device-width" />
    <title>Index</title>
    <link rel="stylesheet" type="text/css" href="~/Scripts/themes/default/easyui.css">
    <link rel="stylesheet" type="text/css" href="~/Scripts/themes/icon.css">
    @*<link rel="stylesheet" type="text/css" href="~/Scripts/demo.css">*@
    <script src="~/Scripts/jquery-1.10.2.js"></script>
    <script src="~/Scripts/jquery.easyui.min.js"></script>
    <script src="~/Scripts/locale/easyui-lang-zh_CN.js"></script>
    <script type="text/javascript">
        $(function () {

            $('#dg').datagrid({
                url: '/Main/FenYe1',
                loadMsg: '请稍等，正在拼命加载...',
                fitColumns: false,//防止水平滚动
                rownumbers: true, //是否加行号
                pagination: true, //是否显式分页
                pageSize: 5, //页容量，必须和pageList对应起来，否则会报错
                pageNumber: 1, //默认显示第几页
                pageList: [5, 10, 15],//分页中下拉选项的数值
                checkOnSelect: true,
                selectOnCheck: true,

                //固定列
                frozenColumns: [[
                    {
                        field: 'id', title: '请选择..', width: 58, align: 'center',
                        checkbox: true
                    },
                    { field: 'name', title: '名称', width: 100 },
                ]],
                //非固定列
                columns: [[ 
                    { field: 'sex', title: '性别', width: 100 },
                    { field: 'age', title: '年龄', width: 100 },
                    { field: 'dataTime', title: '记录时间', width: 150, align: 'center' },
                    { field: 'content', title: '个人介绍', width: 250, align: 'left' },

                ]],
                //导航栏('-')表示'|'分隔符
                toolbar: [
               { text: '增加', iconCls: 'icon-add', handler: function () { addStu(); } }, '-',
               { text: '修改', iconCls: 'icon-edit', handler: function () { edittbUser(); } }, '-',
               { text: '删除', iconCls: 'icon-remove', handler: function () { deleteUser(); } }, '-',
               { text: '查看', handler: function () { } }, '-',
               { text: '刷新', iconCls: 'icon-reload', handler: function () { deviceInfoRefreshClick(); } }, '-',
               { text: '导出', iconCls: 'icon-save', handler: function () { $(dg).treegrid('reload'); } }, '-'],
            });
        });

        //添加
        function addStu() {
            $("#j_addStu").dialog({
                title: "新添学生1",
                width: 500,
                height: 450,
                href: '/Main/Add_View',
                buttons: [{
                    text: '新增',
                    handler: function () {
                        add();
                    }
                },{
                    text:'关闭',
                    handler: function () {
                        $('#j_addStu').dialog('close');
                    }
                }],

            });
 
        }

        function add() {

            //是一个验证表单的功能。当validate()这个函数返回值是true的时候，表单提交，反之则不提交。

            $("#addForm").form('submit', {
                url: '/Main/AddStu',
                onSubmit: function () {

                    return $(this).form('validate');
                },

                success: function (data) {

                    if (data == 'ok') {
                        $.messager.show({
                            title: 'success',
                            msg: '插入成功！'
                        });
                        // $(dialogId).dialog('close');
                        $('#dg').datagrid('reload');
                    } else {
                        $.messager.show({
                            title: 'Error',
                            msg: '插入失败！'
                        });
                    }

                    //$(dialogId).dialog('close');
                    $('#dg').datagrid('reload');
                }
            });
        }

        //  删除代码部分
        function deleteUser() {
            var row = $('#dg').datagrid('getChecked');
            if (row) {
                //id字符串
                var idsStr = "";
                var arr = new Array();
                for (var i = 0; i < row.length; i++) {
                    //必须设置它为局部变量，否则会出现多条重复数据
                    var map = {};
                    map["id"] = row[i].id;
                    arr[i] = map;
                }
                for (var i = 0; i < arr.length; i++) {
                    idsStr += arr[i].id + ",";
                }
                if (idsStr.length > 0) {
                    idsStr = idsStr.substr(0, idsStr.length - 1);
                }
                $.messager.confirm('删除提示', '确定要删除吗', function (r) {
                    if (r) {
                        $.post('/Main/DelStu', { "idsStr": idsStr }, function (data, status) {

                            if (data == "ok") {
                                $.messager.show({
                                    title: 'success',
                                    msg: '删除成功！'
                                });
                                $('#dg').datagrid('reload');


                            } else {
                                $.messager.show({
                                    title: 'Error',
                                    msg: '删除用户失败!'
                                });
                            }
                        });
                    }
                });
            }
            else {
                //$.messager.show({
                //    title: 'Error',
                //    msg: '你没有选中行！'
                //});
                $.messager.alert("提示", "您没有选中任何行！");
            }
        }

        //编辑
        function edittbUser() {
            $("#edittbStuDialog").dialog({
                title: "修改信息1",
                width: 500,
                height: 450,
                //href: '/Main/Update_View',
                buttons: [{
                    text: '修改',
                    handler: function () {
                        edit();
                    }
                }, {
                    text: '关闭',
                    handler: function () {
                        $('#edittbStuDialog').dialog('close');
                    }
                }],


            });
            //getSelected返回第一个被选中的行或如果没有选中的行则返回null。
            var row = $('#dg').datagrid('getSelected');
            if (row) {

                $("#editForm").form('load', {
                    name:row.name,
                    sex:row.sex,
                    age:row.age,
                    content:row.content
                });
                url = '/Main/UpdateStu?id=' + row.id;
            }
            else {
                $('#edittbStuDialog').dialog('close');
                $.messager.alert("提示", "您没有选中任何行！");
            }
        }

        function edit() {

            $("#editForm").form('submit', {
                url:url,
                onSubmit: function () {
                    // alert(formId);
                    return $(this).form('validate');

                },

                success: function (data) {

                    if (data == 'ok') {
                        $.messager.show({
                            title: 'success',
                            msg: '修改成功！'
                        });
                        $("#edittbStuDialog").dialog('close');
                        $('#dg').datagrid('reload');
                    } else {
                        $.messager.show({
                            title: 'Error',
                            msg: '修改失败！'
                        });
                    }
                    //$(dialogId).dialog('close');
                    $('#ReceiveList').datagrid('reload');
                }
            });
        }

    </script>
</head>
<body>
    <table id="dg" style="width:700px;height:800px;"></table>

    @*data-options="required:true"自动验证:此输入项为必填项*@
    @*增加class="easyui-dialog"自定义弹出框*@
    <div id="j_addStu" style="padding:10px 20px"></div>

    @*修改*@
    <div id="edittbStuDialog" style="padding:10px 20px; display:none">

        <form id="editForm" method="post">
            <table class="align-center">
                <tr>
                    <td>学生名</td>
                    <td><input name="name" class="easyui-validatebox" type="text" /></td>
                </tr>
                <tr>
                    <td>性别</td>
                    <td><input name="sex" class="easyui-validatebox" type="text" /></td>
                </tr>
                <tr>
                    <td>年龄</td>
                    <td><input name="age" class="easyui-validatebox" type="text" /></td>
                </tr>
                <tr>
                    <td>个人介绍</td>
                    <td><textarea rows="5" class="easyui-validatebox" cols="19" name="content"></textarea></td>
                </tr>

            </table>

        </form>
    </div>

</body>
</html>

MainController

 

using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;
using System.Web.Mvc;
using System.Data.Entity;
using System.Data.Entity.Migrations;

 

namespace DataGrid_01.Controllers
{
    public class MainController : Controller
    {
        DbContext db = new TestEntities();
        //DbContextFactory dbcontext = new DbContextFactory();
        //TestEntities db = dbcontext.GetDbContext();

 

        #region 01-主页面
        /// <summary>
        /// 01-主页面
        /// </summary>
        /// <returns></returns>
        public ActionResult Index()
        {
            return View();
        }
        #endregion

 

        #region 02-进行分页操作
        /// <summary>
        /// 02-分页
        /// </summary>
        /// <param name="rows">每页显示的记录数</param>
        /// <param name="page">页码，显示第几页</param>
        /// <returns></returns>
        public ActionResult FenYe1(int rows, int page)
        {
            try
            {
                var Stu_List = db.Set<student>().OrderByDescending(a => a.dataTime).Skip(rows * (page - 1)).Take(rows).ToList();
                var json = new
                {
                    total = db.Set<student>().Count(),
                    rows = (from r in Stu_List
                            select new
                            {
                                id = r.id,
                                name = r.name,
                                sex = r.sex,
                                age = r.age,
                                dataTime = r.dataTime.ToString(),
                                content = r.content,

 

                            }).ToList(),

 

                };

 

                return Json(json);
            }
            catch (Exception ex)
            {
                FileOperateHelp.WriteFile("E:/ErrorLog333.txt", ex.Message);
                return Content("error");
            }
        }
        #endregion

 

        #region 03-增加操作
        /// <summary>
        /// 03-增加操作
        /// </summary>
        /// <param name="name">学生姓名</param>
        /// <param name="sex">性别</param>
        /// <param name="age">年龄</param>
        /// <param name="content">个人介绍</param>
        /// <returns></returns>
        public ActionResult AddStu(string name, string sex, string age, string content)
        {
            try
            {
                student stu = new student()
                {
                    id = Guid.NewGuid().ToString("N"),
                    name = name,
                    sex = sex,
                    age = age,
                    content = content,
                    dataTime = DateTime.Now,

 

                };
                db.Entry(stu).State = EntityState.Added;
                int count = db.SaveChanges();
                if (count > 0)
                {
                    return Content("ok");
                }
                else
                {
                    return Content("error");
                }
            }
            catch (Exception ex)
            {
                FileOperateHelp.WriteFile("E:/ErrorLog333.txt", ex.Message);
                return Content("error");
            }

 

        }
        #endregion

 

        #region 04-删除
        /// <summary>
        /// 04-删除
        /// </summary>
        /// <param name="id">id</param>
        /// <returns></returns>
        public ActionResult DelStu(string idsStr)
        {
            try
            {
                string[] str = idsStr.Split(new char[] { ',' });

 

                //int[] str_int = Array.ConvertAll(str, int.Parse);

 

                foreach (var item in str)
                {
                    var del = db.Set<student>().Where(a => a.id == item).FirstOrDefault();
                    db.Entry<student>(del).State = EntityState.Deleted;
                }
                int count = db.SaveChanges();
                if (count > 0)
                {
                    return Content("ok");
                }
                else
                {
                    return Content("error");
                }

 

            }
            catch (Exception ex)
            {
                FileOperateHelp.WriteFile("E:/ErrorLog333.txt", ex.Message);
                return Content("error");
            }
        }
        #endregion

 

        #region 05-修改
        /// <summary>
        /// 05-修改
        /// </summary>
        /// <param name="id">id</param>
        /// <param name="name">学生名</param>
        /// <param name="sex">性别</param>
        /// <param name="age">年龄</param>
        /// <param name="content">个人介绍</param>
        /// <returns></returns>
        public ActionResult UpdateStu(string id, string name, string sex, string age, string content)
        {
            try
            {
                var stuList = db.Set<student>().Where(a => a.id == id).FirstOrDefault();
                stuList.name = name;
                stuList.sex = sex;
                stuList.age = age;
                stuList.dataTime = DateTime.Now;
                stuList.content = content;
                db.Entry(stuList).State = EntityState.Modified;
                int count = db.SaveChanges();
                if (count > 0)
                {
                    return Content("ok");
                }
                else
                {
                    return Content("error");
                }
            }
            catch (Exception ex)
            {
                FileOperateHelp.WriteFile("E:/ErrorLog333.txt", ex.Message);
                return Content("error");
            }
        }
        #endregion

 

        #region 06-修改页面
        /// <summary>
        /// 06-修改页面
        /// </summary>
        /// <returns></returns>
        public ActionResult Update_View()
        {
            return View();
        }
        #endregion

 

        //增加页面
        public ActionResult Add_View() {
            return View();
        }
    }
}

 

转载于:https://www.cnblogs.com/chenze-Index/p/9209866.html

weixin_30843605
关注
ASP.NET MVC5+EF6+EasyUI 后台管理系统（6）
weixin_44901266的博客
08-05 574
本次参考学习了 https://www.cnblogs.com/ymnets/p/3424309.htmlC 这个人的教程 但是由于时代久远，教程节奏快，版本的问题。对于初学者来说，很不友好。 正好我也要学习，所以自己重新写一下，顺带改一改其中的小bug。 系统目标：实现一个权限管理案例 用户—角色—权限 本节目标：前台用easyui的datagrid展示 1.直接改代码 创建 代码 <!...
ASP.NET MVC和EF增删改查，分页
11-08
ASP.NET MVC和EF实现增删改查，外加分页功能。EF创建数据库，ModelFirst
MVC简捷调用EasyUI的datagrid
weixin_34009794的博客
06-21 220
一直想在项目中使用EasyUi的datagrid，但种种原因，没有实现。 这两天在开发一个项目中，愿望终于得以实现。 先看效果： 实现步骤是这样的： 1，在页面中画dataGrid,具体代码如下： <table id="UserListTb" class="easyui-datagrid" title="用户列表"> </table>...
MVC模式下的数据展示:EasyUI的datagrid
11-04 206
我的数据库设计是一张老师表teacher,一张学生表student,一个教师对应多个学生,在学生一方建立外键; 还有一点想清楚,需要展示的数据是根据什么来的,是成功登陆的用户的id?还是直接展示所有的学生? student表 教师表: 我是习惯性的从后写到前,这里展示的是登录成功的老师下的学生信息 1 建立项目,建立好对应的包以及工具包 2建立好与数据库对应...
.NET mvc+EF+EasyUI增删查改
weixin_33888907的博客
03-17 155
链接：https://pan.baidu.com/s/1ZGFieFO-D7_hvtFy5xro5w 提取码：t1yw 复制这段内容后打开百度网盘手机App，操作更方便哦 转载于:https://www.cnblogs.com/fzqm-lwz/p/10548865.html...
ASP.NET MVC5+EF6+EasyUI 数据筛选实现详解
在本文中，我们将深入探讨如何使用ASP.NET MVC5、Entity Framework 6 (EF6) 和EasyUI框架来实现一个高效且灵活的数据筛选（万能查询）功能。 ### 前言 数据筛选通常涉及多个条件的组合，这在处理大型数据集时尤其...
浅谈MVC+EF easyui dataGrid 动态加载分页表格
11-26
首先上javascript的代码 ... $('#roleGrid').datagrid({ width: 900, striped: true, //交替条纹 fitColumns: true, //防止水平滚动 fit: true,//自动补全 iconCls: "icon-save",//图标 idF
mvc easyui 项目 demo 增删改查
04-08
自己学习 mvc 和easy ui 的成果，包括 增删改查 mvc 的使用，easy ui的使用。希望对新手有帮助。
NETMVC+Dapper+EasyUI实现增删改查和分页
07-09
NETMVC+Dapper+EasyUI实现增删改查和分页,使用VS2013+SQL2008
C# MVC4+EasyUI框架增删改查
03-29
你下载了要修改数据库连接，还有把字段改成你的任意一张表的字段，不然会操作错误的，数据操作页面和职位管理页面2个都是调用了同一个ashx文件，不过2个页面的写法有点不同，刚学MVC不久
easy ui datagrid 增删改查+分页 asp.net
04-27
数据库管理系统，不管是桌面版，还是网页版，我觉得最重要的功能是：增删改查+分页。文档里面的例子就是asp.net web form + easy ui 的datagrid。简单的演示了这五个重要功能。请用vs2010运行，数据库没有给出。
.net,EasyUI 可编辑DataGrid+Excel导出+MVC4
07-19
基于.net + mvc4 写EasyUI的小网页程序,数据库用的是SQL SERVER 2008R2,集成了DataGrid（数据表格）的很多操作应用 、Combobox的级联操作,以及 Excel的导出功能等等,相信对于初学者有很大的帮助，觉得值10分。(数据库文件已将在压缩包里了) ,
MVC与EASYUI结合使用实例
06-23
MVC与EASYUI结合使用实例 有datagrid例子
.net + EF EasyUI 增删改查
qq_35663826的博客
07-06 643
.net + EF EasyUI 增删改查博主在这里先讲下什么是EasyUI？ EasyUI是一组基于jQuery的UI插件集合体 EasyUI通过javascript代码快速实现功能 EasyUI可以帮助开发者快速打造出功能丰富并且美观的UI界面 数据库**博主这里选择的是SQL Server 2016 功能与SQL Server的版本号无关（这里我做的是用户的单表不存在权限菜单逻辑）：
easyui实现动态数据的增删改查
qq_45384482的博客
06-28 780
文章目录前言思路流程代码实现1.前端代码1.1addBook.jsp1.2addBook.js2.后台代码2.1.BookDao2.2.BookAction2.3.Result运行结果 前言 因为前面博客系统性的写了相关的代码和注意实现这里就不重复了，照样还是用自己写的mvc框架来配合easyui实现增删改查。 思路 其实主要注意两点： 缓存的问题，如果修改完js文件后不清空浏览器的缓存或者eclipse的缓存的话，你运行时候它还是会停留在你修改前的状态中的，解决方案Shift+Ctrl+Delete
EasyUi+mvc增删改查
wanglei_smartfish的专栏
08-24 2972
1.首先得下载EasyUi包。 2.前端html代码如下： @*     For more information on enabling MVC for empty projects, visit http://go.microsoft.com/fwlink/?LinkID=397860 *@ @{     ViewBag.Title = "拍卖会列表";     Layout
ASP.NET MVC5+EF6+EasyUI 后台管理系统（5）-EF增删改查
博客已经搬家到：ymnets.cnblogs.com 不再更新此博客
11-29 2548
系列目录 前言 为了符合后面更新后的重构系统，文章于2016-11-1日重写 回顾上一节的解决方案，我们看出了解决方案中类库的关系 这里要说明一点MVC!=三层 他们大约是这样的一种关系 代码实现 上一节我们在EF添加了一个实体，这次我们来看看怎么操作这个实体，下面我们创建IDAL,DAL,IBLL,BLL的代码： 新建一个SysSampleController的控制器
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值