`

Extjs 分页查询的参数问题

EXT 
阅读更多
先按条件查询数据,再点下一页保留住查询条件,解决方案是将查询参数放入到store.baseParam中

storeMain.on('beforeload', function(thiz, options){
    Ext.apply(thiz.baseParams, {
        msg: Ext.get('title').dom.value//查询条件
    });
});

Js代码
store: new Ext.data.JsonStore({  
            storeId: 'in_grid_store',  
            pageSize: 20,  
            totalProperty: 'totalCount',  
            remoteSort: true,  
            url: 'incoming/list.do',  
            root: 'incomings',  
            listeners :{  
                beforeload :{  
                    fn : function(thiz,options){  
                        Ext.apply(thiz.baseParams, Ext.getCmp('in-query-form').form.getValues());   
                    }  
                }  
            },  
            fields: ['id', 'batch', 'customer', {name:'pigCount', type: 'int'}, 'createDate','status']  
        }), 

store: new Ext.data.JsonStore({
storeId: 'in_grid_store',
pageSize: 20,
totalProperty: 'totalCount',
remoteSort: true,
url: 'incoming/list.do',
root: 'incomings',
listeners :{
beforeload :{
fn : function(thiz,options){
Ext.apply(thiz.baseParams, Ext.getCmp('in-query-form').form.getValues());
}
}
},
fields: ['id', 'batch', 'customer', {name:'pigCount', type: 'int'}, 'createDate','status']
}), 
function beforeload() 即将Form表单中的参数放入store.baseParam中


daglds.on('beforeload', function() {    
     var dkbh = dagldkbh.getValue();
     var pname = daglpname.getValue();
     var acc = daglacc.getValue();
     var dwbh = dagldwbh.getValue();
     var dwmc = dagldwmc.getValue();
     var fkyh = daglfkyh.getValue();
     var dkrqs = dagldkrqstar.getValue();
     var dkrqe = dagldkrqend.getValue();
     var dkzt = dagldkzt.getValue();
     var dkjed = dagldkjedy.getValue();
     var dkjex = dagldkjexy.getValue();
     var dkqxd = dagldkqxdy.getValue();
     var dkqxx = dagldkqxxy.getValue();
             this.baseParams = {
                   dkbh : dkbh,
                    pname : pname,
                    acc : acc,
                    dwbh : dwbh,
                    dwmc : dwmc,
                    fkyh : fkyh,
                    dkrqs : dkrqs,
                   dkrqe : dkrqe,
                    dkzt : dkzt,
                    dkjed : dkjed,
                    dkjex : dkjex,
                     dkqxd : dkqxd,
                    dkqxx : dkqxx
                      };
             });

我写的这个事件表示,当Store作load()方法之前,将我的查询条件加入到load()中的条件去。
分享到:
评论

相关推荐

    extjs 分页是碰到的问题,点击下一页事,查询条件无法传递

    ### Extjs分页遇到的问题:点击下一页时查询条件无法传递 在开发基于Extjs的应用程序时,分页是一项常用且重要...通过以上步骤,可以有效地解决Extjs分页时查询条件无法传递的问题,确保用户能够获得准确的数据结果。

    extjs 分页

    1. 配置Store:首先,我们需要在Store中配置分页参数,如设置每页记录数`pageSize`,开启分页`paging`,并指定分页模型`pagingModel`为`client`(客户端分页)或`server`(服务器端分页)。 2. Grid与Store绑定:将...

    extjs学习 分页后台处理

    以下是对EXTJS分页后台处理的详细说明: 首先,`Store`对象是EXTJS中用于存储数据的核心组件。在你的代码中,`Store`被创建并配置了`baseParams`、`JsonReader`和`HttpProxy`。 1. `baseParams`: 这个属性用于传递...

    Extjs分页使用java实现数据库数据查询.docx

    总结来说,实现ExtJS分页查询的关键在于前端和后端的协同工作。前端通过Store、Proxy和Paging Toolbar处理用户交互,后端通过Servlet接收请求,执行数据库操作,并返回符合约定的数据格式。通过这种方式,可以有效地...

    ExtJS笔记---Grid实现后台分页

    后台分页是一种常见的数据处理策略,特别是在大数据量的情况下,它将数据分批加载,避免一次性加载所有记录导致的页面响应慢或浏览器内存压力过大的问题。在ExtJS中,Grid组件通过与服务器端交互来实现这一功能。 ...

    SSH+ExtJs分页小例子

    在这个"SSH+ExtJs分页小例子"中,我们将探讨如何将这两种技术结合实现数据分页显示。 首先,我们来看NewsDAO.java文件。这个文件包含了两个关键方法:`findPageAll`和`totalRecord`。`findPageAll`方法实现了分页...

    extjs 树型分页组件

    为了解决这个问题,EXTJS提供了一个名为“树型分页”(Tree Paging)的特性。本文将深入探讨EXTJS树型分页组件的工作原理、实现方法及其实用价值。 1. 树型分页原理 树型分页不同于传统的表格分页,因为它需要处理...

    extjs 简单分页例子

    EXTJS是一种基于JavaScript的前端框架,它提供...这是一个基本的EXTJS分页实现,实际应用中可能还需要考虑错误处理、数据过滤、排序等功能。通过这种方式,EXTJS能够帮助开发者高效地构建功能丰富的数据驱动的Web应用。

    ExtJs分页

    总结来说,ExtJS分页是通过前端和后端的协同工作实现的,前端通过ExtJS的Grid和Store组件呈现和管理分页数据,而后端则使用如Spring MVC和SQL Server 2008这样的技术处理分页查询。理解并熟练掌握这些技术对于构建...

    Extjs grid分页1

    4. **自定义分页**:如果需要更复杂的分页逻辑,例如服务器端分页,可以自定义`proxy`的`load`方法,将`start`和`limit`参数(分别表示起始位置和每页记录数)传递给服务器,服务器返回对应页的数据。 5. **事件...

    Extjs带查询的分页弹出框

    通过传参数弹出一个弹出框顶部输入查询条件,下方通过表格展示数据,隐藏了两个,支持三段式赋值,支持分页,支持查询分页,双击后赋值,很方便

    EXTJS分页全面分析

    ### EXTJS分页全面分析 在本篇内容中,我们将深入了解EXTJS中`GridPanel`分页技术的具体实现方法,并通过实例代码详细解析其工作原理和技术要点。 #### 一、EXTJS GridPanel分页概述 在EXTJS框架中,`GridPanel`...

    Extjs chekboxtree PagingTreeLoader 多选、分页

    还要配置分页参数,如`pageSize`(每页显示的数量)和`paramNames`(用于发送分页请求的参数名)。 3. **服务器端交互**: 当用户滚动或更改分页设置时,PagingTreeLoader会自动向服务器请求新的数据块。服务器需要...

    ExtJS 工具栏 分页事件参数

    ExtJS 工具栏分页事件参数使用说明 ExtJS 是一个流行的 JavaScript 框架,用于构建丰富的互联网应用程序。其中,工具栏分页事件参数是一个非常重要的概念,本文将对其进行详细的介绍。 工具栏分页事件参数简介 在...

    SpringMvc+MyBatis+ehcache+ExtJs分页

    至于"ExtJs分页",开发者通常会在后台提供一个能接受页码和每页大小参数的接口,然后在前端Grid组件中配置分页插件,通过AJAX请求获取数据并更新页面。 总之,Spring MVC、MyBatis、Ehcache和ExtJS的组合为构建高...

    extjs使用pagingtoolbar时,点击下一页,出现查询结果和查询条件不的解决办法

    总的来说,EXTJS的PagingToolbar虽然默认只传递`start`和`limit`参数,但通过自定义事件监听和参数构建,我们可以灵活地扩展其功能,以满足不同场景下的分页查询需求。这对于处理带有复杂查询条件的大数据集是非常...

    ExtJS4.2后台分页需要的几个文件

    在ExtJS4.2中实现后台分页是一个重要的功能,特别是在处理大量数据时,它可以显著提高应用程序的性能和用户体验。后台分页意味着数据不在前端一次性加载,而是分批次从服务器获取,这样可以避免一次性加载过多数据...

    Extjs TreeStore+pagingToolbar 分页

    ExtJS提供了一个名为pagingToolbar的组件,可以轻松地与数据存储(如TreeStore)集成,实现分页效果。 1. **TreeStore基础**: TreeStore 是 ExtJS 的一种数据存储类,它专门用来处理树状结构的数据。它可以连接到...

    Struts2+Json+ExtJS分页

    ### Struts2+Json+ExtJS分页技术详解 #### 一、技术背景与概述 在Web开发领域,实现高效的数据展示与交互是至关重要的。本文档将介绍如何使用Struts2框架结合JSON数据格式以及ExtJS前端库来实现动态分页功能。此...

    ExtJS分页功能

    在标题和描述中提到的“ExtJS分页功能”,我们将深入探讨如何在ExtJS中实现分页,特别是通过使用MemoryProxy进行本地分页。 首先,我们需要了解分页的基础知识。分页通常包括以下几个组件: 1. 数据存储(Store)...

Global site tag (gtag.js) - Google Analytics