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. jQuery库冲突

    jQuery库冲突解决办法   一次面试中面试官问到jQuery和别的库冲突怎么解决?虽然以前看过,但是我已经不记得了. 我的思路就是如果让我来设计,那我就用一个默认值$,不传参数,那就用$,最后就挂 ...

  2. Codeforces Round #530 (Div. 2) F - Cookies

    F - Cookies 思路:我们先考虑如何算出在每个节点结束最多能吃多少饼干, 这个dfs的时候用线段树维护一下就好了, 然后有个这个信息之后树上小dp一下就好啦. #include<bits ...

  3. hive1.2.1安装步骤（在hadoop2.6.4集群上）

    hive1.2.1在hadoop2.6.4集群上的安装 hive只需在一个节点上安装即可,这里再hadoop1上安装 1.上传hive安装包到/usr/local/目录下 2.解压 tar -zxvf ...

  4. 025 Spark中的广播变量原理以及测试（共享变量是spark中第二个抽象）

    一:来源 1.说明 为啥要有这个广播变量呢. 一些常亮在Driver中定义,然后Task在Executor上执行. 如果,有多个任务在执行,每个任务需要,就会造成浪费. 二:共享变量的官网 1.官网 ...

  5. 004 jquery过滤选择器-----------（基本过滤选择器）

    1.介绍 2.常见基本过滤器 3.程序 <!DOCTYPE html> <html> <head> <meta charset="UTF-8&quo ...

  6. ionic获取ios唯一设备id的解决方案

    经常有朋友来问这个问题. 每次都去解释这个问题也浪费不少时间, 所以还是开一篇文章, 把这个问题说清楚吧. 先纠正一个误区吧: 有同学可以通过ionic natvie的device插件获取. 我们在文 ...

  7. Web开发模式演变（转）

    add by zhj:目前用的最多应该是模式二,其次是三.四,而模式五比较新,我自己也不太懂. 模式二--前后台交互的方式为整个页面,即每次请求,服务器都将HTML模板渲染后发给客户端,每次请求都返回 ...

  8. springmvc配置MappingJackson2HttpMessageConverter实现属性驼峰和下划线的转换

    需求 php调用java接口时,因为php那边的属性都是下划线风格,java这边的属性都是驼峰的风格.配置springmvc的json转换,在requestBody的时候(调用对象的set 方法)将j ...

  9. 【bzoj3451】Tyvj1953 Normal 期望+树的点分治+FFT

    题目描述 给你一棵 $n$ 个点的树,对这棵树进行随机点分治,每次随机一个点作为分治中心.定义消耗时间为每层分治的子树大小之和,求消耗时间的期望. 输入 第一行一个整数n,表示树的大小接下来n-1行每 ...

  10. hdu 5723 Abandoned country 最小生成树 期望

    Abandoned country 题目连接: http://acm.hdu.edu.cn/showproblem.php?pid=5723 Description An abandoned coun ...