(园里很多文章,美名其曰 :ExtJs GridPanel+查询条件+分页。  但是加查询条件后点击下一页,查询条件失效,求你们自己测试明白再显摆

不要误导我这种新人。)

ExtJs6发布了,ExtJs4并不新鲜了,首先要说的是在5.X和6.X里关于此问题,是不是有属性或者方法的变化我并不确定。

ExtJs4的proxy中,并没有baseparams这个属性,ExtJs4中变成了什么呢?

查了很多大家的中文博客也没找到结果,最后看到一段英文:

You need to use the 'extraParams' proxy property in place of the baseParams one from Ext 3. An equivalent JsonStore in ExtJS 4 .

答案很明了,用extraParams来代替。

问题描述:

比如原有加载数据是100页,查询后的确显示了7页,点击下一页却变成了100页的第二页。我想这一定是个非常常见的问题。

解决办法:

给你的store的proxy加属性

var mystore = Ext.create('Ext.data.Store', {
fields: ["RoleID", "RoleName", "CreateTime", "ModifyTime", "ModifyAdmin", "DelFlag"], //"CreateAdmin"
pageSize: 15, //页容量条数据
//是否在服务端排序 (true的话,在客户端就不能排序)
remoteSort: false,
remoteFilter: true,
proxy: {
type: 'ajax',
url: "/AdminArea/AdminRole/GetRoleListJson", //
//extraParams: {
// showDel: $('#hiddenDelflag').val()
//},
reader: { //这里的reader为数据存储组织的地方,下面的配置是为json格式的数据,例如:[{"total":50,"rows":[{"a":"3","b":"4"}]}]
type: 'json', //返回数据类型为json格式
root: 'rows', //数据
totalProperty: 'total' //数据总条数
},
extraParams: {
showDel: 'true'
}
},
sorters: [{
//排序字段。
property: 'RoleID',
//排序类型,默认为 ASC
// direction: 'desc'
}],
autoLoad: true //即时加载数据
});

当你需要查询或者筛选的条件为----不显示回收站内信息----就是要

将showDel:false,刷新表格,翻页的时候,依然不显示回收站内信息。

如何能保留这个参数一直存在,就是以上的方法咯。

如果你看到其他文章告诉你用用baseParams,在Ext4中替换成extraParams就可以了。

扩展:

那么如何动态获取showDel这个属性,并且修改它。下面的代码将会给你答案,

 var proxy = mystore.getProxy();
proxy.extraParams.showDel = false; //获取并且修改
mystore.load();

这样一来,除非你再次改变参数,不然无论你怎样翻页,showDel都为false;

关于ExtJs4的Grid带 查询 参数 分页(baseParams-->extraParams)的更多相关文章

  1. MVC3 带查询的分页Helper

    接上篇mvc3 分页Helper. 带查询的分页Helper是在上一篇分页的基础上来的.下面看代码: 首先,在System.Web.Mvc命名空间下的自定义类HtmlPage下面添加一个用于处理“查询 ...

  2. thinkphp 带检索参数分页

    模板文件中,提交搜索内容要用get方法,同时设置g.m.c隐藏域. <form action="{:U('Sck/qbscHjsc')}" method="get& ...

  3. 带查询参数 可分页 的 T-SQL 语句写法

    ) DECLARE @pageindex int DECLARE @pagesize int DECLARE @classid int set @keys = '' ; ; ; with temptb ...

  4. Java高级架构师(一)第15节:带查询的分页、修改和删除页面

    @RequestMapping(value="toList",method=RequestMethod.GET) public String toList(@ModelAttrib ...

  5. spring jpa 带参数分页查询(一)

    1.写个接口继承JpaRepository @NoRepositoryBean public interface BaseRepository<T,PK extends Serializable ...

  6. hibernate中带查询条件的分页

    所谓分页,从数据库中分,则是封装一个分页类.利用分页对象进行分页. 但,分页往往带查询条件. 分页类的三个重要数据:[当前页码数],[数据库中的总记录数],[每页显示的数据的条数] 原理:select ...

  7. Django分页和查询参数的问题

    查询是通过get的方式,之前没有分页之前,url是这样的: http://hostname/search?query=port%3A8080 那么我的想法是如果分页了. 1,不带page参数了.nex ...

  8. mysq带条件的分页查询数据结果错误

    记一次mysql分页条件查询的结果出错: 以一张用户表为例,首先我们看表中的所有数据,注意红色框住的部分: 我们使用不带条件的分页查询来查询,数据显示是OK的: SELECT id,login_nam ...

  9. Ext.ux.grid.feature.Searching 解析查询参数,动态产生linq lambda表达式

    上篇文章中http://www.cnblogs.com/qidian10/p/3209439.html我们介绍了如何使用Grid的查询组建,而且将查询的参数传递到了后台. 那么我们后台如何介绍参数,并 ...

随机推荐

  1. 那些VisualStudio隐藏的调试功能

    VisualStudio是一个强大的调试工具,里面很多隐藏功能少有人问津,但是在特定场景可以节省你很多时间,本文主要介绍一些VisualStudio调试相关的隐藏功能,欢迎大家补充. 运行到指针(Ru ...

  2. Linq动态条件

    很多情况下,我们开发程序,需要动态拼接SQL查询语句; 比如  select top 1 * from User where age= 18  and  name = 'renruiquan' 其中红 ...

  3. 在XML drawable中引用自定义颜色

    == 先看一下一个xml drawable文件,这是一个button的样式. <?xml version="1.0" encoding="utf-8" ? ...

  4. JavaBean和Map转换封装类

    package com.ljq.util; import java.beans.BeanInfo; import java.beans.Introspector; import java.beans. ...

  5. 每天一个linux命令(59):rcp命令

    rcp代表“remote file copy”(远程文件拷贝).该命令用于在计算机之间拷贝文件.rcp命令有两种格式.第一种格式用于文件到文件的拷贝:第二种格式用于把文件或目录拷贝到另一个目录中. 1 ...

  6. js定时器的时间最小值-setTimeout、setInterval

    HTML5标准规定 setTimeout的最短时间间隔是4毫秒: setInterval的最短间隔时间是10毫秒,也就是说,小于10毫秒的时间间隔会被调整到10毫秒 书和MDC 在John Resig ...

  7. How Google TestsSoftware - Part Two

    In order for the "you buildit, you break it" motto to be real, there are roles beyond the ...

  8. TypeScript实例

    interface Person { firstName: string, lastName: string } function greeter(person: Person) { return p ...

  9. Netty学习三:线程模型

    1 Proactor和Reactor Proactor和Reactor是两种经典的多路复用I/O模型,主要用于在高并发.高吞吐量的环境中进行I/O处理. I/O多路复用机制都依赖于一个事件分发器,事件 ...

  10. 通过shape-outside来设置文字环绕时的形状

    现在真是越来越注重用户体验了,而"shape-outside"就是其中一个能让网页排版更友好的一个属性. 默认文字是根据图片的边进行的. 但现在我们完全有能力去改变这一行为,下面是 ...