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. hdu 5007 水题 （2014西安网赛A题）

    题意:出现Apple.iPod.iPhone.iPad时输出MAI MAI MAI!,出现Sony,输出SONY DAFA IS GOOD! Sample InputApple bananaiPad ...

  2. Git（三）Git的远程仓库

    一. 添加远程库 现在我们已经在本地创建了一个Git仓库,又想让其他人来协作开发,此时就可以把本地仓库同步到远程仓库,同时还增加了本地仓库的一个备份.常用的远程仓库就是github:https://g ...

  3. angular和vue双向数据绑定

    angular和vue双向数据绑定的原理(重点是vue的双向绑定) 我在整理javascript高级程序设计的笔记的时候看到面向对象设计那章,讲到对象属性分为数据属性和访问器属性,我们平时用的js对象 ...

  4. CSS------div无法覆盖图片全部如何处理

    如图: 代码:(需要将li中的样式属性display设置为inline-block) //获取Url地址中的参数 function getParameter(name) { //正则表达式 var r ...

  5. 015 jquery中包裹节点

    1.介绍 2.程序 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> < ...

  6. 通过css属性hack完成select样式美化，并兼容IE

    最近在重构时遇到了select样式问题,并且需要在不影响语义化的情况下,兼容IE8. 经过一番的百度后始终没有找到合适的纯CSS解决方案,最后换了一下思路,大胆使用了属性hack: 在chrome和F ...

  7. 多线程学习笔记三之ReentrantLock与AQS实现分析

    目录 简介 AQS同步状态 AQS同步队列 ReentrantLock数据结构 公平锁的获取 tryAcquire(arg) addWaiter(Node mode) acquireQueued(fi ...

  8. [漏洞分析]phpyun系统重装安全隐患#影响从phpyun4.2部分，4.3到4.5全版本

    0x00 之前在t00ls上看到的,漏洞原理很简单,但是都是细节问题,很值得去学习. 感谢bypass师傅. 也发了邮件给官方,但没有任何回复,估计是漏洞作者bypass师傅报备了吧.   0x01 ...

  9. 前端代码控制gif图暂停与播放的坑

    废话不说,先看效果..... 方案一.方案二效果: 方案三效果: <!DOCTYPE html> <html>   <head>   <meta charse ...

  10. 什么情况下，会用到fiddler或者charles？

    有的页面,比如设限制的html页面,比如原生页面,只能在手机APP里面查看,无法在电脑浏览器中打开查看,这时候,需要用fiddler抓包来查看返回数据,定位问题.