html代码：

@{

    ViewBag.Title = "Index";

    Layout = "~/Views/Shared/_Index_Layout.cshtml";

}

<!DOCTYPE html>

<html>

<head>

    <meta name="viewport" content="width=device-width" />

    <title>GridView</title>

    <script type="text/javascript">

        $(function () {

            $('#List').datagrid({

                toolbar: [{

                    text: '添加',

                    iconCls: 'icon-add',

                    height:50,

                    handler: function () {

                        $('#List').datagrid('endEdit', lastIndex);

                        lastIndex = $('#List').datagrid('getRows').length - 1;

                        $('#List').datagrid('selectRow', lastIndex);

                        $('#List').datagrid('beginEdit', lastIndex);

                    }

                }, '-', {

                    text: '删除',

                    iconCls: 'icon-remove',

                    height: 50,

                    handler: function () {

                        var row = $('#List').datagrid('getSelected');

                        if (row) {

                            var index = $('#List').datagrid('getRowIndex', row);

                            $('#List').datagrid('deleteRow', index);

                        }

                    }

                }, '-', {

                    text: '保存',

                    iconCls: 'icon-save',

                    height: 50,

                    handler: function () {

                        $('#List').datagrid('acceptChanges');

                    }

                }, '-', {

                    text: '刷新',

                    height: 50,

                    iconCls: 'icon-undo',

                    handler: function () {

                        $('#List').datagrid('rejectChanges');

                    }

                }, '-', {

                    text: '搜索',

                    height: 50,

                    iconCls: 'icon-search',

                    handler: function () {

                        var rows = $('#List').datagrid('getChanges');

                        alert('changed rows: ' + rows.length + ' lines');

                    }

                }],

                title:"DataGrid的标题",

                url: '/AjaxUser/loadjson2',

                width: 500,

                methord: 'post',

                height:500,

                fitColumns: true,

                sortName: 'id',

                sortOrder: 'desc',

                idField: 'id',

                pageSize: 20,

                //pageList: 20,

                pagination: true,

                striped: true, //奇偶行是否区分

                singleSelect: true,//单选模式

                rownumbers: true,//行号

                columns: [[

                    { field: 'id', title: 'id', width: 80 },

                    { field: 'realname', title: '名称', width: 120 },

                    { field: 'sex', title: 'sex', width: 80, align: 'left' }

                ]]

            });

        });

    </script>

</head>

<body>

    <div>

        <table id="List"></table>

    </div>

</body>

</html>

　　

@{

    Layout = null;

}

<!DOCTYPE html>

<html>

<head>

    <title>Main</title>

    <script src="@Url.Content("~/Scripts/jquery.min.js")" type="text/javascript"></script>

    <script src="@Url.Content("~/Scripts/jquery.easyui.min.js")" type="text/javascript"></script>

    @Styles.Render("~/Content/themes/gray/easyui.css")

    @Styles.Render("~/Content/themes/icon.css")

</head>

<body>

    <div style="padding:5px 5px 0px 5px;">

        @RenderBody()

    </div>

</body>

</html>

　　

控制器

    public ActionResult loadjson2(int page=1, int rows=20, string sort="id", string order="desc")

        {

            List<tbl_admin> list = shop.tbl_admin.OrderBy(u => sort)

                .Skip(rows * (page-1))

                .Take(rows)

                .ToList();

            var json = new

            {

                total = shop.tbl_admin.Count(),

                rows = (from r in list

                        select new tbl_admin()

                        {

                            id = r.id,

                            realname = r.realname,

                            sex = r.sex

                        }).ToArray()

            };

            return Json(json, JsonRequestBehavior.AllowGet);

        }

        public ActionResult GridView()

        {

            return View();

        }

　　

easyUi 的DataGrid的绑定的更多相关文章

  1. EasyUI 中 DataGrid 控件 列 如何绑定对象中的属性

    EasyUI 中 DataGrid 控件 是我们经常用到的控件之一, 但是 DataGrid 控件 在绑定显示列时却不支持对象属性绑定. 模型如下: public class Manager impl ...

  2. EasyUI中, datagrid用loadData方法绑定数据。

    $("#dg").datagrid("loadData", { , " }, { "ck": "1", &qu ...

  3. easyui的datagrid分页写法小结

    easyui的datagrid分页死活不起作用...沙雕了...不说了上代码 //关闭tab1打开tab2 查询Detail function refundDetail(){ $('#tt').tab ...

  4. 在EasyUI的DataGrid中嵌入Combobox

    在做项目时,须要在EasyUI的DataGrid中嵌入Combobox,花了好几天功夫,在大家的帮助下,最终看到了它的庐山真面: 核心代码例如以下: <html> <head> ...

  5. easyui+struts2:datagrid无法不能得到数据

    转自:https://bbs.csdn.net/topics/390980437 easyui+struts2:datagrid无法访问到指定action: userlist.jsp部分代码: XML ...

  6. easyUI 中datagrid 返回列隐藏方法

    easyui的datagrid方法返回的列,有的值不需要显示可以使用hidden(属性进行隐藏) columns : [ [{ field : 'bailClass', title : '类别', w ...

  7. easyui的datagrid行的某一列添加链接

    通过formatter方法给easyui 的datagrid 每行增加操作链接. 效果图 jsp代码: <th field="url" width="100&quo ...

  8. easyui的datagrid打印(转)

    在使用easyui插件的时候,使用最多的应该是datagrid插件.有时候根据客户需求,可能需要将datagrid内容进行打印,这时候如果直接调用window.print,可能由于easyui的dat ...

  9. EasyUI的datagrid分页

    EasyUI的datagrid分页 前台代码: <script type="text/javascript"> $(function () { //查询 search( ...

随机推荐

  1. 搭建LDAP服务器

    1. 使用SSH 登陆服务器. 2. 更新有效的包. sudo apt-get update 3. 安装LDAP和一些其它LDAP相关的工具. sudo apt-get install slapd l ...

  2. CSS------Filter属性的使用方法

    转载: http://www.w3cplus.com/css3/ten-effects-with-css3-filter

  3. 配置免SSH

    在要远程登录别人的服务器中生成授权标识:ssh-keygen -t rsa上传至需被免登录的服务器:scp ~/.ssh/id_rsa.pub root@xx.xx.xx.xx:/root/.ssh/ ...

  4. LCIS hdu3308 (线段树 区间合并）

    题意: 有两种操作  一种是单点改为b  一种是给出区间ab  区间ab的最大上升子序列个数.. 线段树目前学了三种  第一种单点操作很简单   第二种区域操作加上懒惰标记即可 现在这种 为区间合并. ...

  5. P1375 小猫(二飞的小憨猫)

    P1375 小猫(二飞的小憨猫)连两个点,就把一个多边形,分成了两部分,这两部分的点一定得是偶数,这样就可以递推啦,比如h[5]==h[4][0]+h[3][1]+h[2][2]+h[1][3]+h[ ...

  6. auth.User.groups: (fields.E304)

    配置用户信息的models时,如果继承Abstractuser类时,报错: ERRORS:auth.User.groups: (fields.E304) Reverse accessor for 'U ...

  7. 读研 or 工作？对计算机类专业学习的看法

    先来介绍一下自己 中南大学(不知名985双一流 A 类)大二计算机专业本科生,才学编程1年多一点.大一的时候搞了大半年 ACM,现在慢慢转向项目开发(在学习 JAVA 开发,U3D 和 C#),同时在 ...

  8. 【Ray Tracing in One Weekend 超详解】 光线追踪1-2

    今天我们开始进入正篇 Chapter 3: Rays, a simple camera, and background 对于所有的光线追踪器,基本都有一个光线类,计算沿光线看到的颜色. 我们的光线是一 ...

  9. BugkuCTF ---游戏过关 writeup

    下载程序后发现是输入1-8数字中的一位 至于怎么玩,我到现在都没弄懂 不多说,直接拖入Ollydbg 搜索 分析了一下字符串,发现有一个显示flag的字符串 双击过去看看,发现类似于一个函数. 接下来 ...

  10. BZOJ1712 : [Usaco2007 China]Summing Sums 加密

    设$s[i]$为进行$i$次加密后所有奶牛数字的和,有$s[i]=(n-1)s[i-1]$. 设$c[i]$为某头固定的奶牛进行$i$次加密后的数字, 若$i$为奇数,有: \[c[i]=((1-n) ...