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. django中的view测试和models测试样例

    感觉用model_mommy比factory_boy要好些. 如果Models.py如下: from django.db import models from django.contrib.auth. ...

  2. chisequre test

    卡方检验就是统计样本的实际观测值与理论推断值之间的偏离程度,实际观测值与理论推断值之间的偏离程度就决定卡方值的大小,卡方值越大,越不符合:卡方值越小,偏差越小,越趋于符合,若两个值完全相等时,卡方值就 ...

  3. React Native Android启动白屏的一种解决方案上

    我们用RN去开发Android应用的时候,我们会发现一个很明显的问题,这个问题就是启动时每次都会有1~3秒的白屏时间,直到项目加载出来 为什么会出现这个问题? RN开发的应用在启动时,首先会将js b ...

  4. 机器学习入门 一、理解机器学习+简单感知机(JAVA实现)

    首先先来讲讲闲话 如果让你现在去搞机器学习,你会去吗?不会的话是因为你对这方面不感兴趣,还是因为你觉得这东西太难了,自己肯定学不来?如果你觉的太难了,很好,相信看完这篇文章,你就会有胆量踏入机器学习这 ...

  5. linux入门系列

    Linux基础入门 常用Linux命令 linux学习笔记-1.man_page linux学习笔记-2.常用命令 linux学习笔记-3.文件相关命令 linux学习笔记-4.系统命令 linux学 ...

  6. HDU.3311.Dig The Wells(DP 斯坦纳树)

    题目链接 \(Description\) 有n座庙.一共n+m个点,可以在任意一些点修建水井,不同位置花费不同:也可以某些点之间连无向边共享水.求使n座庙都有水的最小花费. \(Solution\) ...

  7. BZOJ.1926.[SDOI2010]粟粟的书架(前缀和 主席树 二分)

    题目链接 题意: 在给定矩形区域内找出最少的数,满足和>=k.输出数的个数.两种数据范围. 0~50 注意到(真没注意到...)P[i,j]<=1000,我们可以利用前缀和预处理. num ...

  8. C++最快的读取文件的方案(scanf,cin(及取消sync),fread)的详细对比

    竞赛中,遇到大数据时,往往读文件成了程序运行速度的瓶颈,需要更快的读取方式.相信几乎所有的C++学习者都在cin机器缓慢的速度上栽过跟头,于是从此以后发誓不用cin读数据.还有人说Pascal的rea ...

  9. POP3_收取QQ邮箱邮件的问题

    今天纠结了一天的时间,使用pop3协议收取qq邮箱中邮件时,因为一个特别坑爹的问题重新写n次,最后发现是因为qq邮箱设置了独立邮箱密码,必须的用独立邮箱密码登陆才行,/(ㄒoㄒ)/~~!!!! 但今天 ...

  10. Oracle 取整函数

    ceil(n):ceil英文含义是天花板,天花板在上面,所以意为向上取整,即大于或等于n的整数. floor(n):floor英文含义是地板,地板在下面,所以意为向下取整,即小于或等于n的整数.