所有的

关于easyui的datagrid的开发文档,复制黏贴即刻使用
397
2013-1-21
1:
<link href="../../Content/easyUI/themes/default/easyui.css" rel="stylesheet" type="text/css" />
    <link href="../../Content/easyUI/themes/icon.css" rel="stylesheet" type="text/css" />
    <script src="../../Scripts/jquery-1.4.4.min.js" type="text/javascript"></script>
    <script src="../../Scripts/jquery.easyui.min.js" type="text/javascript"></script>
    <script src="../../Scripts/easyui-lang-zh_CN.js" type="text/javascript"></script>
    <script src="../../Scripts/datapattern.js" type="text/javascript"></script>
     
2:<script type="text/javascript">
      $(function(){
            loadData();
      });
           
        function loadData() {
           $('#tt').datagrid({
                url: '/Home/GetUserInfo',
                title: '用户数据表格',
                width: 700,
                height: 400,
                fitColumns: true, //列自适应
                nowrap: false,
                idField: 'ID',//主键列的列明
                loadMsg: '正在加载用户的信息...',
                pagination: true,//是否有分页
                singleSelect: false,//是否单行选择
                pageSize:2,//页大小,一页多少条数据
                pageNumber: 1,//当前页,默认的
                pageList: [2, 5, 10],
                queryParams: {},//往后台传递参数
                columns: [[//c.UserName, c.UserPass, c.Email, c.RegTime
                    { field: 'ck', checkbox: true, align: 'left', width: 50 },
                    { field: 'ID', title: '编号', width: 80 },
                    { field: 'UserName', title: '姓名', width: 120 },
                     { field: 'UserPass', title: '密码', width: 120 },
                      { field: 'Email', title: '邮箱', width: 120 },
                    { field: 'RegTime', title: '时间', width: 80, align: 'right',
                        formatter: function (value, row, index) {
                                return (eval(value.replace(/\/Date\((\d+)\)\//gi, "new Date($1)"))).pattern("yyyy-M-d");
                            }
                    }
                ]],
                toolbar: [{
                    id: 'btnGet',
                    text: '删除',
                    iconCls: 'icon-add',
                    handler: function () {
                        var rows = $('#tt').datagrid('getSelections');
                        if (!rows || rows.length == 0) {
                            //alert("请选择要修改的商品!");
                            $.messager.alert("提醒", "请选择要删除的记录!", "error");
                            return;
                        }
               
                    }
                }],
            });
        }
    </script>
     
     
     
3<div>
    <table id="tt" style="width: 700px;" title="标题,可以使用代码进行初始化,也可以使用这种属性的方式" iconcls="icon-edit">
    </table>
</div>
     
     
     
     
  //将序列化成json格式后日期(毫秒数)转成日期格式
function ChangeDateFormat(cellval) {
    var date = new Date(parseInt(cellval.replace("/Date(", "").replace(")/", ""), 10));
    var month = date.getMonth() + 1 < 10 ? "0" + (date.getMonth() + 1) : date.getMonth() + 1;
    var currentDate = date.getDate() < 10 ? "0" + date.getDate() : date.getDate();
    return date.getFullYear() + "-" + month + "-" + currentDate;
}


全部评论
(1)
评论速度
mores++

还可以输入 2000 个字符
添加表情