@{
    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();
        }
    }
}

.net+EF+mvc通过EasyUI的DataGrid实现增删改查的更多相关文章

  1. SSM框架搭建(Spring+SpringMVC+MyBatis)与easyui集成并实现增删改查实现

    一.用myEclipse初始化Web项目 新建一个web project: 二.创建包 controller        //控制类 service //服务接口 service.impl //服务 ...

  2. 【转载】ASP.NET MVC Web API 学习笔记---联系人增删改查

    本章节简单介绍一下使用ASP.NET MVC Web API 做增删改查.目前很多Http服务还是通过REST或者类似RESP的模型来进行数据操作的.下面我们通过创建一个简单的Web API来管理联系 ...

  3. ASP.NET MVC Web API 学习笔记---联系人增删改查

    本章节简单介绍一下使用ASP.NET MVC Web API 做增删改查. 目前很多Http服务还是通过REST或者类似RESP的模型来进行数据操作的. 下面我们通过创建一个简单的Web API来管理 ...

  4. EF(Entity Framework)通用DBHelper通用类,增删改查以及列表

    其中 通用类名:DBhelper 实体类:UserInfo 1 //新增 2 DBHelper<UserInfo> dbhelper = new DBHelper<UserInfo& ...

  5. asp.net EasyUI DataGrid 实现增删改查

    转自:http://www.cnblogs.com/create/p/3410314.html 前台代码: <!DOCTYPE html> <html xmlns="htt ...

  6. 3、ASP.NET MVC入门到精通——Entity Framework增删改查

    这里我接上讲Entity Framework入门.从网上下载Northwind数据库,新建一个控制台程序,然后重新添加一个ado.net实体数据模型. EF中操作数据库的"网关"( ...

  7. MVC ---- EF4.0和EF5.0增删改查的写法区别及执行Sql的方法

    EF4.0和EF5.0增删改查的写法区别 public T AddEntity(T entity) { //EF4.0的写法 添加实体 //db.CreateObjectSet<T>(). ...

  8. ASP.NET Identity系列02,在ASP.NET MVC中增删改查用户

    本篇体验在ASP.NET MVC中使用ASP.NET Identity增删改查用户. 源码在这里:https://github.com/darrenji/UseIdentityCRUDUserInMV ...

  9. EF Codefirst 多对多关系 操作中间表的 增删改查(CRUD)

    前言 此文章只是为了给新手程序员,和经验不多的程序员,在学习ef和lambada表达式的过程中可能遇到的问题. 本次使用订单表和员工表建立多对多关系. 首先是订单表: public class Ord ...

随机推荐

  1. codeforces round 417 div2 补题 CF 812 A-E

    A Sagheer and Crossroads 水题略过(然而被Hack了 以后要更加谨慎) #include<bits/stdc++.h> using namespace std; i ...

  2. 使用expdp的心得

    第一步:首先使用DBA权限的用户创建directory,我使用system ,可以在服务器本地创建,也可以远程连接sqlplus进行创建,使用的将是服务器上面的路径.要确保创建directory时,操 ...

  3. VS2012上添加SharePoint2013模板,SharePoint2013 Tool安装配置

    今天需要在SharePoint2013上做开发,但是安装的VS2012默认只有sharepoint2010的模板,因此需要安装配置好,这里我们通过Web平台安装程序4.0来配置的 Web 平台安装程序 ...

  4. 洛谷 P1251 餐巾计划问题【最小费用最大流】

    建图细节比较多,对于每个点i,拆成i和i',i表示用的餐巾,i'表示脏餐巾,连接: (s,i,r[i],p)表示在这一天买新餐巾 (i,t,r[i],0)表示这一天用了r[i]的餐巾 (s,i+n,r ...

  5. bzoj4758: [Usaco2017 Jan]Subsequence Reversal(区间dp)

    4758: [Usaco2017 Jan]Subsequence Reversal Time Limit: 10 Sec  Memory Limit: 128 MBSubmit: 76  Solved ...

  6. [App Store Connect帮助]七、在 App Store 上发行(3.3)提交至“App 审核”:解决 App 拒绝问题

    如果“App 审核”或“Beta 版 App 审核”拒绝了您的 App,您可以与 Apple 沟通并在解决方案中心中解决问题. 来自 Apple 的通讯信息包含有关 App 拒绝的信息,其中包括该 A ...

  7. C++中的显式构造函数

    有如下一个简单的复数类: class ClxComplex { public: ClxComplex(double dReal = 0.0, double dImage = 0.0) { m_dRea ...

  8. [ZOJ1140]Courses 课程

    Description 给出课程的总数P(1<=p<100),学生的总数N(1<=N<=300) 每个学生可能选了一门课程,也有可能多门,也有可能没有. 要求选出P个学生来组成 ...

  9. 题解报告:poj 2823 Sliding Window(单调队列)

    Description An array of size n ≤ 106 is given to you. There is a sliding window of size k which is m ...

  10. Activity状态图、生命周期图(超详细),onSaveInstanceState只保存、恢复基本ui数据,持久数据不在这里保存。

    1.Activity状态图 2.Activity生命周期简图 启动Activity: onCreate()—>onStart()—>onResume(),Activity进入running ...