jquery Easyui快速开发总结


Posted in Javascript onAugust 20, 2015

最近工作很轻松,整理了些关于easyui的datagrid的开发文档,整理的比较细致,直接复制粘贴就可以使用了。

代码内容如下:

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

以上代码示例给大家分享了jquery Easyui快速开发,希望大家喜欢。

Javascript 相关文章推荐
javascript继承之为什么要继承
Nov 10 Javascript
使用indexOf等在JavaScript的数组中进行元素查找和替换
Sep 18 Javascript
用box固定长宽实现图片自动轮播js代码
Jun 09 Javascript
javascript新闻跑马灯实例代码
Jul 29 Javascript
基于javascript实现页面加载loading效果
Sep 15 Javascript
js 转义字符及URI编码详解
Feb 28 Javascript
jQuery实现动画、消失、显现、渐出、渐入效果示例
Sep 06 jQuery
electron 安装,调试,打包的具体使用
Nov 06 Javascript
关于引入vue.js 文件的知识点总结
Jan 28 Javascript
JavaScript封装单向链表的示例代码
Sep 17 Javascript
原生js实现点击按钮复制内容到剪切板
Nov 19 Javascript
原生js实现移动小球(碰撞检测)
Dec 17 Javascript
纯jquery实现模仿淘宝购物车结算
Aug 20 #Javascript
js实现按钮颜色渐变动画效果
Aug 20 #Javascript
jQuery+HTML5加入购物车代码分享
Oct 29 #Javascript
jQuery地图map悬停显示省市代码分享
Aug 20 #Javascript
jQuery超赞的评分插件(8款)
Aug 20 #Javascript
jQuery网页版打砖块小游戏源码分享
Aug 20 #Javascript
js实现鼠标点击文本框自动选中内容的方法
Aug 20 #Javascript
You might like
使用数据库保存session的方法
2006/10/09 PHP
PHP 中英文混合排版中处理字符串常用的函数
2007/04/12 PHP
PHP SQLite类
2009/05/07 PHP
PHP5全版本绕过open_basedir读文件脚本漏洞详细介绍
2015/01/20 PHP
PHP使用SWOOLE扩展实现定时同步 MySQL 数据
2017/04/09 PHP
用dom+xhtml+css制作的一个相册效果代码打包下载
2008/01/24 Javascript
jQuery .tmpl(), .template()学习资料小结
2011/07/18 Javascript
jquery使用jxl插件导出excel示例
2014/04/14 Javascript
一个简单的Node.js异步操作管理器分享
2014/04/29 Javascript
JQuery中使用on方法绑定hover事件实例
2014/12/09 Javascript
详解Angularjs中的依赖注入
2016/03/11 Javascript
基于JQuery的$.ajax方法进行异步请求导致页面闪烁的解决办法
2016/05/10 Javascript
在线引用最新jquery文件的实现方法
2016/08/26 Javascript
微信开发 js实现tabs选项卡效果
2016/10/28 Javascript
canvas 弹幕效果(实例分享)
2017/01/11 Javascript
bootstrap datepicker插件默认英文修改为中文
2017/07/28 Javascript
Node做中转服务器转发接口
2017/10/18 Javascript
关于AngularJS中ng-repeat不更新视图的解决方法
2018/09/30 Javascript
使用 node.js 模仿 Apache 小部分功能
2019/07/07 Javascript
使用layui定义一个模块并使用的例子
2019/09/14 Javascript
Python基于Tkinter模块实现的弹球小游戏
2018/12/27 Python
PyQt5实现让QScrollArea支持鼠标拖动的操作方法
2019/06/19 Python
安装pyinstaller遇到的各种问题(小结)
2020/11/20 Python
python中time、datetime模块的使用
2020/12/14 Python
Pytorch模型迁移和迁移学习,导入部分模型参数的操作
2021/03/03 Python
HTML5实时语音通话聊天MP3压缩传输3KB每秒
2019/08/28 HTML / CSS
HTML5 新事件 小结
2009/07/16 HTML / CSS
全球最大的跑步用品商店:Road Runner Sports
2016/09/11 全球购物
购买美国制造的相框和画框架:Picture Frames
2018/08/14 全球购物
乌克兰网上服装店:Bolf.ua
2018/10/30 全球购物
关于Java String的一道面试题
2013/09/29 面试题
采购部岗位职责
2013/11/24 职场文书
社区学习十八大感想
2014/01/22 职场文书
学生会干部自我鉴定2014
2014/09/18 职场文书
iSCSI服务器CHAP双向认证配置
2022/04/01 Servers
python中pycryto实现数据加密
2022/04/29 Python