ExtJs中grid分页加载的问题

最近项目中遇到一个grid分页加载的问题,当按照条件查询数据后,数据数据在grid中分页显示,当点击翻页后grid的中显示第二页数据。此时更换查询条件后再次点击查询时,发现grid的下面分页信息栏中页码并不是1,而是上次翻到的页面。

这是因为以前在点击查询时调用的是store.load()方法,然后再load之前将参数添加进去。

如果想让每次查询时页面从1开始就要使用store的loadPage方法。使用该方法指定每次加载的页码是1

例如

record_store.loadPage(1,{
	params : {
		start : 0,
		limit : 5
	}
});

params中用于指定加载过程中传递的参数。

时间: 2024-08-05 22:28:45

ExtJs中grid分页加载的问题的相关文章

ExtJS中关于分页加载数据后执行一个回调函数的问题

前几天,一个项目中有用到ExtJS.之前修改的时候,只是在Store Load的时候执行一个回调,这个会导致翻页的时候,没有执行这个回调,而这个回调做的恰好是一些数据的格式验证不可或缺的. 被这个问题困扰了很久,也查了很多的关于ExtJs Store的应用和API,最终找到了一个解决的办法,其实很简单,就是在Store里面添加一个load事件的监听. new Ext.data.Store({... listeners: { "load": function (store, operat

Android中的分页加载

//----------------------MainActivity中--------------------------------------------------- package com.example.fenye; import java.util.ArrayList;import java.util.List; import android.os.Bundle;import android.app.Activity;import android.view.Menu;import

Android中ListView分页加载数据-转

Android应用开发中,采用ListView组件来展示数据是很常用的功能,当一个应用要展现很多的数据时,一般情况下都不会把所有的数据一次就展示出来,而是通过分页的形式来展示数据,个人觉得这样会有更好的用户体验.因此,很多应用都是采用分批次加载的形式来获取用户所需的数据.例如:微博客户端可能会在用户滑动至列表底端时自动加载下一页数据,也可能在底部放置一个"查看更多"按钮,用户点击后,加载下一页数据. 下面通过一个Demo来展示ListView功能如何实现:该Demo通过在ListVie

Android中ListView分页加载数据

熟悉Android的朋友们都知道,不管是微博客户端还是新闻客户端,都离不开列表组件,可以说列表组件是Android数据展现方面最重要的组件,我们今天就要讲一讲列表组件ListView加载数据的相关内容.通常来说,一个应用在展现大量数据时,不会将全部的可用数据都呈现给用户,因为这不管对于服务端还是客户端来说都是不小的压力,因此,很多应用都是采用分批次加载的形式来获取用户所需的数据.比如:微博客户端可能会在用户滑动至列表底端时自动加载下一页数据,也可能在底部放置一个“加载更多”按钮,用户点击后,加载

Extjs的grid数据加载之后默认选择第一行数据

store.load({     callback:function(r){// 回调函数 if(r.length>0){ //判断是否有数据 grid.getSelectionModel().select(0,true);             } }});

layui数据表格分页加载动画,自己定义加载动画,"加载中..."

记录思路,仅供参考 在表格渲染完成后,在done回调函数中给分页动态加点击事件, 关闭"加载中..."动画也是在 done回调函数中关闭 这是我实现的思路,记录给大家参考. , done: function (res, curr, count) { // 添加分页加载动画的函数 $('.layui-laypage > a').each(function(){ $(this).attr('onclick',"pageLoading(this)"); }) top

小程序中分页加载问题

别的不说,直接贴分页加载的代码,看注释就好 pasting //index.js const app = getApp() //分装的require 函数,http.js见本人随笔"解决小程序分装的require问题" var http = require('../../../service/http.js'); Page({ data: { newsBulletin: [], page:1, pageSize:8, hasMoreData: true, }, /** * 生命周期函数

ExtJs非Iframe框架加载页面实现

在用Ext开发App应用时,一般的框架都是左边为菜单栏,中间为tab页方式的显示区域.而tab页面大多采用的嵌入一个iframe来显示内容.但是采用iframe方式有一个很大的弊端就是每次在加载一个新的iframe时都要将Ext的核心js,css文件重新加载.由于Ext是一个庞大的类库,这些文件的体积都很庞大,仅仅是ext-all.js就有400多k,所以用iframe方式加载就大大降低了效率.为了能解决这个问题,我推荐使用Ext.Panel的autoload模式进行加载页面.用这种模式加载就可

移动端下拉分页加载插件dropload.js

一.dropload.js下载地址: http://www.jq22.com/jquery-info6960 该地址有dropload.js的基础说明文档,下载的压缩包有相应的demo 二.依赖 Zepto 或者 jQuery 1.7以上版本,推荐jQuery 2.x版本(二者不要同时引用) Zepto or jQuery 1.7+,recommend to use jQuery 2.x(not use them at the same time) 三.bug及解决方案 1.小屏手机不加载问题