jquey easyui 常用方法
版本:1.4.2
一、easyui -textbox:
1、去空格:
- $('#tt1').textbox({
- onChange: function(value){
- var _trim = $.trim(value);
- $("#tt1").textbox("setValue", _trim);
- }
- });
二、combogrid
1、失去焦点
- $(document).ready(function () {
- $('#cc').next().find(":text").blur(function () {
- alert("1")
- });
- });
2、关于事件
- $('#cc').combogrid({
- onSelect:function(index,row){
- },
- onChange:function(newVal ,oldVal){
- alert('newVal:' +newVal);
- alert('oldVal:' +oldVal);
- alert('getValue:' + $('#cc').combogrid('getValue'));
- var g = $('#cc').combogrid('grid'); // get datagrid object
- var r = g.datagrid('getSelected'); // get the selected row
- if(r ==null)
- alert('null');
- else
- alert('not null');
- }
- });
三、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>
- var _pageSize =20; // 每页条数
- var _pageNumber =1; // 当前页
- var _xm =''; // 姓名
- var _start =''; // 开始日期
- var _end =''; // 结束日期
- function getData()
- {
- var _data = null;
- $.ajax({
- type : "post",
- url : 'xxxxx/xx/InitGrid',
- data : {'pageNumber': _pageNumber,'pageSize': _pageSize,'XM': _xm,'start': _start,'end' : _end},
- async : false,
- success : function(data) {
- _data = eval("(" + data + ")");
- }
- });
- return _data;
- }
- // 主调函数
- function load_grid()
- {
- var _data = getData();
- $('#dg').datagrid({data: _data});
- paging_grid( _data);
- }
- function paging_grid( _data)
- {
- $('#pp').pagination({
- total: _data.total,
- onSelectPage: function(pageNumber, pageSize){ _pageNumber = pageNumber; _pageSize = pageSize; load_grid(); }});
- }
- // 重新加载grid
- function refreshGrid() {
- _pageNumber =1;
- _pageSize = $('#pp').pagination("pageSize");
- $('#pp').pagination({
- pageSize: _pageSize,
- pageNumber: _pageNumber
- });
- load_grid();
- }
- // 查询
- function find(){
- _xm = $('#name').textbox('getValue');
- _start = $('#start').datebox('getValue');
- _end = $('#end').datebox('getValue');
- refreshGrid();
- }
jquey easyui 常用方法的更多相关文章
- 去除浏览器下jquey easyui datagrid、combotree 缓存问题
在页面脚本中加入以下内容即可: $.ajaxSetup ({ cache: false //关闭AJAX相应的缓存 });
- SpringMVC结合easyUI中datagird实现分页
SpringMVC结合easyUI中datagird实现分页 DataGrid以表格形式展示数据,并提供了丰富的选择.排序.分组和编辑数据的功能支持.轻量级,单元格合并.多列标题.冻结列和页脚只是其中 ...
- jquery easyUI相关
jquery easyUI相关===================================easyUI表单验证处理//jquery easyUI 表单验证不通过让光标定位在第一个未通过验证的 ...
- Easyui 中 Tabsr的常用方法
注:index必须为变量 tab页从0开始 //新增一个tab页var index = 0;$('#tt').tabs('add',{ title: 'Tab'+index, content: '&l ...
- easyUi的一些常用方法
目录: 1.获取表格的pageNumber和pageSize 2.获取/设置下拉列表的选中值 3.下拉列表的输入框的禁用 1.获取表格的pageNumber和pageSize var pageNumb ...
- Struts2中的EasyUI
Struts2中的EasyUI 一.easy UI是类似于jQuery UI的插件库,它提供了丰富的各种常用插件:tree.datagrid... tree插件: 语法:$(selector).tre ...
- 开始学习requirejs+easyui的使用.
开始学习requirejs+easyui的使用. 目录结构: |-project |-easyui01 |-js |-main.js |-index.html |-libs libs目录下放入的是ea ...
- 构建ASP.NET MVC4+EF5+EasyUI+Unity2.x注入的后台管理系统(36)-文章发布系统③-kindeditor使用
原文:构建ASP.NET MVC4+EF5+EasyUI+Unity2.x注入的后台管理系统(36)-文章发布系统③-kindeditor使用 我相信目前国内富文本编辑器中KindEditor 属于前 ...
- ASP.NET MVC+EF框架+EasyUI实现权限管理系列(17)-注册用户功能的细节处理(各种验证)
原文:ASP.NET MVC+EF框架+EasyUI实现权限管理系列(17)-注册用户功能的细节处理(各种验证) ASP.NET MVC+EF框架+EasyUI实现权限管系列 (开篇) (1):框 ...
随机推荐
- WebGL如何解决中文文字载入
关于WebGL载入中文字体问题,我在网上搜了一下,发现例子并不多,而且只能实现隶书的载入,不支持其他中文字体. 下面是实现的代码: <script src="../js/three.m ...
- 静态方法中的this
1using System; 2using System.Web.Script.Serialization; 3 4namespace Demo 5{ 6 /**//// <summary ...
- Postgresql存储过程调试:PostgreSQL 之 Function NOTICE
转载自http://zhenghaoju700.blog.163.com/blog/static/13585951820116782843994/ 先安装一个PostgreSQL(见补充知识) 比较O ...
- VS2012新建项目出错:未找到与约束ContractName Microsoft.VisualStudio.Text.ITextDocumentFactoryService
刚刚重新做的系统,第一次打开vs2012新建项目时出现错误提示 通过查找解决办法发现方法有两种: 1:卸载两个windows更新补丁(KB2833957和KB2840642) 2:安装一个window ...
- Java常用的输入输出方法
对于经常上机刷题的来说,首先得解决输入输出方法,Java的输入输出流在Java学习过程的后面部分才会接触,但是我们可以掌握一些简单的,常用的输入输出方法 首先输出 大家最熟悉的莫过于输出方法,直接用S ...
- mybatis配置文件查询参数的传递
通常来说,参数传递可以使用#与$进行编写,但是使用#的效率更高,使用$方式,查看日志更方便些,尤其是当执行的sql语句非常麻烦的时候. 1) 接口 形式 以下方式 [传递参数是一个实体] public ...
- CSS的重要性
自己很喜欢查看设计出彩的网页,在CSS Zen Garden选择了一个颜色搭配亮眼.结构错落的网页,照着原页面自己写了一个出来.之前做页面的时候总是会把原页面和自己做的放到PS里一个像素一个像素对比查 ...
- DataList:HTML5中的input输入框自动提示宝器
DataList的作用是在你往input输入框里输入信息时,根据你敲进去的字母,自动显示一个提示下列列表,很像百度或谷歌的搜索框的自动提示,在飞机票火车票的搜索页面上也有这样的效果.它是HTML5里新 ...
- http学习 1-3 chapter3-报文
如果说HTTP是因特网的信使,那么HTTP报文就是它用来搬东西的包裹了. 报文是如何流动的. HTTP报文的三个组成部分(起始行.首部和实体的主体部分) 请求和响应报文之间的区别 请求报文支持的各种功 ...
- Python 文件操作函数
这个博客是 Building powerful image classification models using very little data 的前期准备,用于把图片数据按照教程指示放到规定的文 ...