ExtJS4.2 Grid 分页栏 搜索


function SearchCondition(){
this.startTime = "";
this.endTime = "";
this.targetInfo = "";
this.logType = "";
this.manager = "";
this.reset = function(){
this.startTime = "";
this.endTime = "";
this.targetInfo = "";
this.logType = "";
this.manager = "";
}
}

var logStore = Ext.create("Ext.data.Store", {
pageSize : 30,
searchCondition:new SearchCondition(),
model : ‘opearationLogModel‘,
proxy:{
type : ‘ajax‘,
url:"********",
reader:{
root: ‘***‘,
totalProperty: ‘***‘,
type : ‘json‘
}
},
remoteSort:true,
listeners:{
‘beforeload‘: function( s, operation, eOpts ){
s.proxy.extraParams= {
startTime: logStore.searchCondition.startTime,
endTime: logStore.searchCondition.endTime,
targetInfo: logStore.searchCondition.targetInfo,
logType: logStore.searchCondition.logType,
manager: logStore.searchCondition.manager
};
},
‘load‘: function( s, records, successful, eOpts ){
}
}
});

logStore.sort({property:‘operateTime‘, direction:‘DESC‘});

function querybtnClk(){
logStore.searchCondition.reset();
logStore.searchCondition.startTime = startTime;
logStore.searchCondition.endTime = endTime;
logStore.searchCondition.targetInfo = ***;
logStore.searchCondition.logType = ****;
logStore.searchCondition.manager = ***;

barPagingBar.bind(logStore);
barPagingBar.doRefresh();
}

ExtJS4.2 Grid 分页栏 搜索,码迷,mamicode.com

时间: 2024-10-13 00:42:24

ExtJS4.2 Grid 分页栏 搜索的相关文章

ExtJs4之Grid详细

ExtJs博客前奏 由于这段时间事情比较杂乱,博客就主要以项目中例子来说明编写. ExtJs4中的Grid非常强大,有展示,选中,搜索,排序,编辑,拖拽等基本功能,这篇博客我就这几个功能做写累述. 1.ExtJs4之Grid详细 2.ExtJs4之TreePanel Grid的展示选中排序选中事件. 附图: 代码: <script type="text/javascript"> Ext.onReady(function () { var store = Ext.create

ExtJs中grid分页加载的问题

最近项目中遇到一个grid分页加载的问题,当按照条件查询数据后,数据数据在grid中分页显示,当点击翻页后grid的中显示第二页数据.此时更换查询条件后再次点击查询时,发现grid的下面分页信息栏中页码并不是1,而是上次翻到的页面. 这是因为以前在点击查询时调用的是store.load()方法,然后再load之前将参数添加进去. 如果想让每次查询时页面从1开始就要使用store的loadPage方法.使用该方法指定每次加载的页码是1 例如 record_store.loadPage(1,{ pa

SpringMVC分页和搜索分页

分页使我们经常需要使用的功能,昨天在Spring MVC中实现了简单的分页操作和搜索分页,在此记录一下.使用的框架为(MyBatis+SpringMVC+Spring). 首先我们需要一个分页的工具类: 1.分页 import java.io.Serializable; /** * 分页 */ public class Page implements Serializable { private static final long serialVersionUID = -319804844964

精通IOS开发-分页栏和选取器的使用

一.分页栏 创建一个新的项目,Subclass of的值选中UIViewController,然后在storyboard中删除根视图,在右下方拖出一个Tab Bar Controller 新增分页,只需从右下方拖出一个普通的View Controller,按住鼠标右键从分页栏控制器拖动到新视图控制器上释放,在弹出面板中的Relationship Segue标题下选中view controllers,使用这些分页要给他们创建Cocoa Touch Class 并关联. 设置分页栏底部的标题与图标,

JS-网页中分页栏

原理 三部分 我给分页栏分成了3部分 上一页:调用prePage()函数 下一页:调用nextPage()函数 带有数字标识的部,调用skipPage()函数 prePage函数 function prePage() { var val = $('#pageLi li.active').text(); // 获取当前li的索引值 if (val == 1) { return; } var page = val - 1; var ind = $('#pageLi li.active').index

基于asp.net + easyui框架,一步步学习easyui-datagrid——实现分页和搜索(二)

http://blog.csdn.net/jiuqiyuliang/article/details/19967031 目录: 基于asp.net + easyui框架,一步步学习easyui-datagrid——界面(一) 基于asp.net + easyui框架,一步步学习easyui-datagrid——实现分页和搜索(二) 基于asp.net + easyui框架,一步步学习easyui-datagrid——实现添加.编辑.删除(三) 基于asp.net + easyui框架,一步步学习e

iOS新浪微博-1.1导航栏搜索框

导航栏搜索框是非常常用一个UI控件. 1.需求: 在“发现”页面,在顶部导航栏NavigationBar上添加一个搜索框 左端带有“放大镜”图标 2.思路 使用UISearchBar: 苹果系统自带,简单易用,但是样式死板不能定制(此处UISearchBar的背景色容易和导航栏的背景色混淆),不能修改宽高,而且在iOS6和iOS7上会产生不同的样式. 使用UITextField创建:继承或者扩展UITextField,设置背景图和左端图标 3.实现 创建一个继承UITextField的自定义类,

dojo grid 分页

dojo很强大,也很方便,但是缺少文档,只能看源代码,也挺好的,就是费时间... 网上找了一段代码(找不到原出处了,不好意思),也看了dojo自带的demo,放一段可以执行的页面代码这里.把ip换成自己架设的js服务器(esi的CDN貌似有点问题)即可 1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta http-equiv="Content-Type" content="text/html; ch

ExtJS4.2 Grid知识点六:自动选中指定记录、自动选中全部记录、反向选择

本节主要学习ExtJS4.2 Grid自动选中指定记录.自动选中全部记录.反向选择,即在表格Grid加载数据后自动将符合条件的记录行选中,示例图片: 示例代码  /  在线演示 本例是通过监听Grid的afterrender事件来实现自动选择指定记录行,代码如下实现自动选中性别为男性的记录行: 自动选中指定记录代码 'userlist': {     afterrender: function(testGrid){//侦听goodslistview渲染           // 选中所有记录