jquery Easyui快速开发总结

 更新时间:2015年08月20日 16:11:47   投稿:mrr  
easyui是一种基于jQuery的用户界面插件集合,easyui为创建现代化,互动,JavaScript应用程序,提供必要的功能,本篇文章给大家整理有关jquery Easyui快速开发的技巧,需要的朋友可以参考下

最近工作很轻松,整理了些关于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快速开发,希望大家喜欢。

相关文章

  • 基于JQuery实现页面定时弹出广告

    基于JQuery实现页面定时弹出广告

    这篇文章主要介绍了基于JQuery实现页面定时弹出广告,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下
    2020-05-05
  • 40个有创意的jQuery图片和内容滑动及弹出插件收藏集之三

    40个有创意的jQuery图片和内容滑动及弹出插件收藏集之三

    在网页的首页或图片专题页面很多地方都会用到图片滑动插件来循环切换多张图片,并且用户可以点击左右按钮来切换图片。
    2012-01-01
  • 文件上传的几个示例分享【推荐】

    文件上传的几个示例分享【推荐】

    本篇文章主要分享的是几个上传文件的例子和逻辑步奏及自定义个简单的js上传插件。具有很好的参考价值,需要的朋友一起来看下吧
    2016-12-12
  • jQuery中 $ 符号的冲突问题及解决方案

    jQuery中 $ 符号的冲突问题及解决方案

    在jQuery中,$是jQuery的别名,为了书写方便,我们更习惯用$('#id')这一类的方式来书写代码。这篇文章给大家分享jQuery中 $ 符号的冲突问题及解决方案,感兴趣的朋友一起看看吧
    2016-11-11
  • 解决拦截器对ajax请求的拦截实例详解

    解决拦截器对ajax请求的拦截实例详解

    这篇文章主要介绍了解决拦截器对ajax请求的拦截实例详解的相关资料,需要的朋友可以参考下
    2016-12-12
  • jquery实现选项卡切换代码实例

    jquery实现选项卡切换代码实例

    这篇文章主要介绍了jquery实现选项卡切换,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2019-05-05
  • jquery带动画效果幻灯片特效代码

    jquery带动画效果幻灯片特效代码

    这篇文章主要介绍了jquery带动画效果幻灯片特效,推荐给大家,有需要的小伙伴可以参考下。
    2015-08-08
  • jQuery实现动态控制页面元素的方法分析

    jQuery实现动态控制页面元素的方法分析

    这篇文章主要介绍了jQuery实现动态控制页面元素的方法,结合实例形式分析了jQuery事件响应及页面元素动态操作相关实现技巧,需要的朋友可以参考下
    2017-12-12
  • jquery插件orbit.js实现图片折叠轮换特效

    jquery插件orbit.js实现图片折叠轮换特效

    Orbit是一个设计良好并且容易使用的jQuery图片滑动幻灯片插件,它除了支持图片滚动切换展示外,还支持针对内容的滚动。插件的定制性相当高,它提供了多个参数的设置,通过设置你可以将它打造成完全符合你要求的样式。
    2015-04-04
  • jQuery事件绑定on()、bind()与delegate() 方法详解

    jQuery事件绑定on()、bind()与delegate() 方法详解

    这篇文章主要详细介绍了jQuery事件绑定的三种方法,分别是on()、bind()与delegate(),十分的浅显易懂,有需要的小伙伴可以参考下。
    2015-06-06

最新评论