首页 / EASYUI / easyui 快速开发整理

easyui 快速开发整理

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了easyui 快速开发整理，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含2589字，纯文字阅读大概需要4分钟。

内容图文

下面整理了关于easyui的datagrid的开发文档，复制黏贴即刻使用
                 1
                1:

                 2
                <
                link 
                href
                ="../../Content/easyUI/themes/default/easyui.css"
                 rel
                ="stylesheet"
                 type
                ="text/css"
                />
                 3
                <
                link 
                href
                ="../../Content/easyUI/themes/icon.css"
                 rel
                ="stylesheet"
                 type
                ="text/css"
                />
                 4
                <
                script 
                src
                ="../../Scripts/jquery-1.4.4.min.js"
                 type
                ="text/javascript"
                ></
                script
                >
                 5
                <
                script 
                src
                ="../../Scripts/jquery.easyui.min.js"
                 type
                ="text/javascript"
                ></
                script
                >
                 6
                <
                script 
                src
                ="../../Scripts/easyui-lang-zh_CN.js"
                 type
                ="text/javascript"
                ></
                script
                >
                 7
                <
                script 
                src
                ="../../Scripts/datapattern.js"
                 type
                ="text/javascript"
                ></
                script
                >
                 8
                 9 2：<script type="text/javascript">10      $(function(){
11            loadData();
12      });
1314function loadData() {
15           $(‘#tt‘).datagrid({
16                url: ‘/Home/GetUserInfo‘,
17                title: ‘用户数据表格‘,
18                width: 700,
19                height: 400,
20                fitColumns: true, //列自适应21                nowrap: false,
22                idField: ‘ID‘,//主键列的列明23                loadMsg: ‘正在加载用户的信息...‘,
24                pagination: true,//是否有分页25                singleSelect: false,//是否单行选择26                pageSize:2,//页大小，一页多少条数据27                pageNumber: 1,//当前页，默认的28                pageList: [2, 5, 10],
29                queryParams: {},//往后台传递参数30                columns: [[//c.UserName, c.UserPass, c.Email, c.RegTime31                    { field: ‘ck‘, checkbox: true, align: ‘left‘, width: 50 },
32                    { field: ‘ID‘, title: ‘编号‘, width: 80 },
33                    { field: ‘UserName‘, title: ‘姓名‘, width: 120 },
34                     { field: ‘UserPass‘, title: ‘密码‘, width: 120 },
35                      { field: ‘Email‘, title: ‘邮箱‘, width: 120 },
36                    { field: ‘RegTime‘, title: ‘时间‘, width: 80, align: ‘right‘,
37                        formatter: function (value, row, index) {
38return (eval(value.replace(/\/Date\((\d+)\)\//gi, "new Date($1)"))).pattern("yyyy-M-d");
39                            }
40                    }
41                ]],
42                toolbar: [{
43                    id: ‘btnGet‘,
44                    text: ‘删除‘,
45                    iconCls: ‘icon-add‘,
46                    handler: function () {
47var rows = $(‘#tt‘).datagrid(‘getSelections‘);
48if (!rows || rows.length ==0) {
49//alert("请选择要修改的商品！");50                            $.messager.alert("提醒", "请选择要删除的记录!", "error");
51return;
52                        }
5354                    }
55                }],
56            });
57        }
58</script>59606162 3<div>63<table id="tt" style="width: 700px;" title="标题，可以使用代码进行初始化，也可以使用这种属性的方式" iconcls="icon-edit">64</table>65</div>6667686970  //将序列化成json格式后日期(毫秒数)转成日期格式
71function ChangeDateFormat(cellval) {
72    var date = new Date(parseInt(cellval.replace("/Date(", "").replace(")/", ""), 10));
73     var month = date.getMonth() + 1 < 10 ? "0" + (date.getMonth() + 1) : date.getMonth() + 1;
74    var currentDate = date.getDate() < 10 ? "0" + date.getDate() : date.getDate();
75    return date.getFullYear() + "-" + month + "-" + currentDate;
76}

 

原文：http://www.cnblogs.com/czkx/p/4737473.html

内容总结

以上是互联网集市为您收集整理的easyui 快速开发整理全部内容，希望文章能够帮你解决easyui 快速开发整理所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端

扫描二维码推送至手机访问。

本文链接：https://qyyshop.com/info/1213671.html

来源：【匿名】