2015-05-31 13:02 4473人阅读 评论(0) 收藏 举报

版本:1.4.2

一、easyui -textbox:

1、去空格:

  1. $('#tt1').textbox({
  2. onChange: function(value){
  3. var _trim = $.trim(value);
  4. $("#tt1").textbox("setValue", _trim);
  5. }
  6. });

二、combogrid

1、失去焦点

  1. $(document).ready(function () {
  2. $('#cc').next().find(":text").blur(function () {
  3. alert("1")
  4. });
  5. });

2、关于事件

  1. $('#cc').combogrid({
  2. onSelect:function(index,row){
  3. },
  4. onChange:function(newVal ,oldVal){
  5. alert('newVal:' +newVal);
  6. alert('oldVal:' +oldVal);
  7. alert('getValue:' + $('#cc').combogrid('getValue'));
  8. var g = $('#cc').combogrid('grid'); // get datagrid object
  9. var r = g.datagrid('getSelected');  // get the selected row
  10. if(r ==null)
  11. alert('null');
  12. else
  13. alert('not null');
  14. }
  15. });

三、easyui-datagrid

1、分页:

html:

<table id="dg" class="easyui-datagrid" title="列表" style="width:1050px;height:240px;"
data-options="singleSelect:true">
<thead>
<tr>
<th data-options="field:'xh',width:80,align:'center'">序号</th>
<th data-options="field:'name',width:80,align:'center'">名称</th>
</tr>
</thead>
</table>
<div class="easyui-panel" style="width:1050px;">
        <div id="pp" class="easyui-pagination" 
        data-options="
        pageSize:20,
        pageList:[20,30,50,100],
        showRefresh:false,
        total:114" ></div>
    </div>

JavaScript:

  1. var _pageSize =20;  // 每页条数
  2. var _pageNumber =1; // 当前页
  3. var _xm =''; // 姓名
  4. var _start =''; // 开始日期
  5. var _end =''; // 结束日期
  6. function getData()
  7. {
  8. var _data = null;
  9. $.ajax({
  10. type : "post",
  11. url : 'xxxxx/xx/InitGrid',
  12. data : {'pageNumber': _pageNumber,'pageSize': _pageSize,'XM': _xm,'start': _start,'end' : _end},
  13. async : false,
  14. success : function(data) {
  15. _data = eval("(" + data + ")");
  16. }
  17. });
  18. return _data;
  19. }
  20. // 主调函数
  21. function load_grid()
  22. {
  23. var _data = getData();
  24. $('#dg').datagrid({data: _data});
  25. paging_grid( _data);
  26. }
  27. function paging_grid( _data)
  28. {
  29. $('#pp').pagination({
  30. total: _data.total,
  31. onSelectPage: function(pageNumber, pageSize){ _pageNumber = pageNumber; _pageSize = pageSize; load_grid(); }});
  32. }
  33. // 重新加载grid
  34. function refreshGrid() {
  35. _pageNumber =1;
  36. _pageSize = $('#pp').pagination("pageSize");
  37. $('#pp').pagination({
  38. pageSize: _pageSize,
  39. pageNumber: _pageNumber
  40. });
  41. load_grid();
  42. }
  43. // 查询
  44. function find(){
  45. _xm = $('#name').textbox('getValue');
  46. _start = $('#start').datebox('getValue');
  47. _end = $('#end').datebox('getValue');
  48. refreshGrid();
  49. }

jquey easyui 常用方法的更多相关文章

  1. 去除浏览器下jquey easyui datagrid、combotree 缓存问题

    在页面脚本中加入以下内容即可: $.ajaxSetup ({   cache: false //关闭AJAX相应的缓存 });

  2. SpringMVC结合easyUI中datagird实现分页

    SpringMVC结合easyUI中datagird实现分页 DataGrid以表格形式展示数据,并提供了丰富的选择.排序.分组和编辑数据的功能支持.轻量级,单元格合并.多列标题.冻结列和页脚只是其中 ...

  3. jquery easyUI相关

    jquery easyUI相关===================================easyUI表单验证处理//jquery easyUI 表单验证不通过让光标定位在第一个未通过验证的 ...

  4. Easyui 中 Tabsr的常用方法

    注:index必须为变量 tab页从0开始 //新增一个tab页var index = 0;$('#tt').tabs('add',{ title: 'Tab'+index, content: '&l ...

  5. easyUi的一些常用方法

    目录: 1.获取表格的pageNumber和pageSize 2.获取/设置下拉列表的选中值 3.下拉列表的输入框的禁用 1.获取表格的pageNumber和pageSize var pageNumb ...

  6. Struts2中的EasyUI

    Struts2中的EasyUI 一.easy UI是类似于jQuery UI的插件库,它提供了丰富的各种常用插件:tree.datagrid... tree插件: 语法:$(selector).tre ...

  7. 开始学习requirejs+easyui的使用.

    开始学习requirejs+easyui的使用. 目录结构: |-project |-easyui01 |-js |-main.js |-index.html |-libs libs目录下放入的是ea ...

  8. 构建ASP.NET MVC4+EF5+EasyUI+Unity2.x注入的后台管理系统(36)-文章发布系统③-kindeditor使用

    原文:构建ASP.NET MVC4+EF5+EasyUI+Unity2.x注入的后台管理系统(36)-文章发布系统③-kindeditor使用 我相信目前国内富文本编辑器中KindEditor 属于前 ...

  9. ASP.NET MVC+EF框架+EasyUI实现权限管理系列(17)-注册用户功能的细节处理(各种验证)

    原文:ASP.NET MVC+EF框架+EasyUI实现权限管理系列(17)-注册用户功能的细节处理(各种验证) ASP.NET MVC+EF框架+EasyUI实现权限管系列 (开篇)   (1):框 ...

随机推荐

  1. WebGL如何解决中文文字载入

    关于WebGL载入中文字体问题,我在网上搜了一下,发现例子并不多,而且只能实现隶书的载入,不支持其他中文字体. 下面是实现的代码: <script src="../js/three.m ...

  2. 静态方法中的this

    1using System; 2using System.Web.Script.Serialization; 3 4namespace Demo 5{ 6    /**//// <summary ...

  3. Postgresql存储过程调试:PostgreSQL 之 Function NOTICE

    转载自http://zhenghaoju700.blog.163.com/blog/static/13585951820116782843994/ 先安装一个PostgreSQL(见补充知识) 比较O ...

  4. VS2012新建项目出错:未找到与约束ContractName Microsoft.VisualStudio.Text.ITextDocumentFactoryService

    刚刚重新做的系统,第一次打开vs2012新建项目时出现错误提示 通过查找解决办法发现方法有两种: 1:卸载两个windows更新补丁(KB2833957和KB2840642) 2:安装一个window ...

  5. Java常用的输入输出方法

    对于经常上机刷题的来说,首先得解决输入输出方法,Java的输入输出流在Java学习过程的后面部分才会接触,但是我们可以掌握一些简单的,常用的输入输出方法 首先输出 大家最熟悉的莫过于输出方法,直接用S ...

  6. mybatis配置文件查询参数的传递

    通常来说,参数传递可以使用#与$进行编写,但是使用#的效率更高,使用$方式,查看日志更方便些,尤其是当执行的sql语句非常麻烦的时候. 1) 接口 形式 以下方式 [传递参数是一个实体] public ...

  7. CSS的重要性

    自己很喜欢查看设计出彩的网页,在CSS Zen Garden选择了一个颜色搭配亮眼.结构错落的网页,照着原页面自己写了一个出来.之前做页面的时候总是会把原页面和自己做的放到PS里一个像素一个像素对比查 ...

  8. DataList:HTML5中的input输入框自动提示宝器

    DataList的作用是在你往input输入框里输入信息时,根据你敲进去的字母,自动显示一个提示下列列表,很像百度或谷歌的搜索框的自动提示,在飞机票火车票的搜索页面上也有这样的效果.它是HTML5里新 ...

  9. http学习 1-3 chapter3-报文

    如果说HTTP是因特网的信使,那么HTTP报文就是它用来搬东西的包裹了. 报文是如何流动的. HTTP报文的三个组成部分(起始行.首部和实体的主体部分) 请求和响应报文之间的区别 请求报文支持的各种功 ...

  10. Python 文件操作函数

    这个博客是 Building powerful image classification models using very little data 的前期准备,用于把图片数据按照教程指示放到规定的文 ...