`
447214075
  • 浏览: 79700 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

ext gridPanel 带参数分页

    博客分类:
  • js
 
阅读更多
在使用ext自带的分页时,如果不按照前台选择的参数进行分页查询时分页没有问题,但是,当需要根据前台用户填写的参数进行分页查询时就会有问题,查询出来显示数据都正常,当点击下一页或上一页时查询出的结果就没有了用户填写的参数,解决方法:
给store添加beforeload方法。
store.on('beforeload',function(thiz,options){
Ext.apply(  
  this.baseParams,  
  {  
     budgetYear:Ext.get('budgetYear').getValue()
   }  
);  

或者通过以下方式:
// thiz.baseParams["budgetYear"]=Ext.get("budgetYear").getValue();

出现这个问题的原因是:tbar在调用store的doLoad 方法时只加载了star和limit两个参数,其他参数需要自己重写beforechange或beforeload方法,使用Ext.apply的方式将参数注入到baseparam中提交到后台。
分享到:
评论

相关推荐

    Ext GridPanel 中实现加链接操作

    ### Ext GridPanel 中实现加链接操作 在前端开发领域中,Ext JS 是一款非常流行的 JavaScript 框架,用于构建企业级的 Web 应用程序。Ext GridPanel 是该框架中的一个重要组件,常用于展示表格数据。本文将详细介绍...

    EXT GridPanel获取某一单元格的值

    EXT GridPanel是EXT JS库中的一个核心组件,用于创建数据密集型的表格视图。它在Web应用程序中常用于展示大量结构化数据,并提供多种交互功能,如排序、分页、筛选和编辑等。在EXT GridPanel中,获取某一单元格的值...

    Ext2.2.GridPanel分页处理+dwrproxy(js对象和json两种数据)

    baseParams: {start: 0, limit: 25} // 分页参数:初始开始位置和每页记录数 }); var grid = new Ext.grid.GridPanel({ store: store, columns: [/*...*/], // 列定义 viewConfig: { forceFit: true // 自动...

    ext gridpanel 跨行

    GridPanel提供了排序、分页、筛选等多种功能,使得数据管理变得简单。 跨行(rowspan)功能通常在以下场景下使用: 1. **合并单元格**:当需要在一个列中展示多个字段的信息时,可以使用rowspan将多个单元格合并为...

    扩展GridPanel,附带分页选中状态,实现快速构建一个功能齐全的Grid

    在本文中,我们将深入探讨如何扩展ExtJS的GridPanel组件,以实现带有分页和选中状态的功能。ExtJS是一个强大的JavaScript库,用于构建富客户端应用程序,而GridPanel是其核心组件之一,用于展示和操作表格数据。通过...

    Ext3.2的TreePanel和GridPanel的分页与Hibernate的分页功能的影射

    在使用表格的分页功能时,我们把该控件的start与limits参数与Hibernate的分页功能影射,从页实现了动态的分页效果;而TreePanel的更新也是一个比较常见的问题,当我们点击测试按钮时,TreePanel会请求远程服务器的...

    Asp.Net Ext.Net 存储过程分页 只读取当前页数据

    本示例主要关注的是如何利用Ext.Net实现存储过程分页,以提高应用程序的性能,特别是处理大量数据时。这种技术允许仅加载当前所需的页面数据,从而减少了网络传输的数据量,提高了用户体验。 首先,我们来理解...

    ext.net 动态创建gridpanel

    GridPanel 是 ExtJS(Ext.NET 的基础)中的一个重要组件,用于展示数据表格。在这个场景中,我们将深入探讨如何使用Ext.NET代码动态创建GridPanel,并在各种窗口中灵活展示。 1. **动态创建GridPanel**: 在Ext...

    Ext GridPanel加载完数据后进行操作示例代码

    在Ext JS中,`Ext GridPanel`是一种常用的组件,用于展示和操作表格数据。它具有丰富的功能,包括分页、排序、筛选等。本示例主要关注在`GridPanel`加载完数据后如何进行特定的操作,特别是选定某些行数据。 首先,...

    EXT.NET1.0带自定义页大小的分页

    在这个“EXT.NET1.0带自定义页大小的分页”示例中,我们将深入探讨EXT.NET如何实现自定义分页功能,并通过Pagination.aspx、Pagination.aspx.cs和存储过程.sql这三份文件来理解整个实现过程。 在Web开发中,分页是...

    EXTJSEXT实例GridPanel.

    4. **GridPanel**: 最后,创建GridPanel本身,将Store和ColumnModel作为参数传递。 ```javascript var grid = new Ext.grid.GridPanel({ store: store, cm: cm, renderTo: Ext.getBody() // 渲染到页面的body...

    Ext实现分页查询,前台

    3. 使用`load`方法加载数据,通过`params`传递分页参数。 4. 创建`GridPanel`展示数据,定义列结构和分页工具栏。 5. 分页工具栏与`Store`关联,实现分页功能。 这样的实现方式使得前端能够动态地从服务器获取分页...

    EXT分页工具条

    EXT分页工具条通常与EXT的GridPanel或DataView等数据展示组件配合使用。它包含一系列按钮和输入框,如“上一页”、“下一页”、“跳转到第X页”、“每页显示X条”等,用于控制数据的分页显示。EXT内部通过Store对象...

    ext2.0网格实践源码

    5. **分页和数据加载**:EXT2.0的GridPanel支持分页,你将看到如何配置和使用PagingToolbar来实现分页功能,以及如何在用户翻页时动态加载数据。 6. **自定义行为**:EXT GridPanel允许开发者自定义很多行为,例如...

    Ext + dwr 实现分页功能

    var grid = new Ext.grid.GridPanel({ store: store, columns: [ {header: 'Name', dataIndex: 'name', width: 150}, {header: 'Description', dataIndex: 'description'} ], tbar: new Ext.PagingToolbar({ ...

    ExtJS 表格面板GridPanel完整例子

    ExtJS表格面板(GridPanel)是Sencha Ext JS框架中的一个核心组件,它用于展示大量结构化数据。在本文中,我们将深入探讨如何创建并使用一个完整的ExtJS GridPanel实例,以及与其相关的源码和工具。 首先,让我们...

    EXT2.0分页

    在分页场景下,Store需要配置分页参数,如每页记录数(pageSize)和当前页数(currentPage)。 EXT2.0分页的实现通常涉及以下几个步骤: 1. 创建一个Store,并设置分页属性,例如: ```javascript var store = ...

    tapestry4.02中封装ext的GridPanel组件

    在Tapestry 4.02中封装Ext的GridPanel组件,意味着开发者将ExtJS的GridPanel功能集成到Tapestry应用中,使Tapestry应用能够利用GridPanel的强大功能。这个过程通常涉及到以下几个关键步骤: 1. **引入ExtJS库**:...

    Ext-实现带查询以及分页的列表

    在EXTJS框架中,实现一个带...3. 添加分页工具栏(PagingToolbar),与Store关联并设置分页参数。 通过这种方式,我们可以构建一个功能完备的列表,不仅能够展示数据,还支持用户进行查询和分页操作,提高用户体验。

Global site tag (gtag.js) - Google Analytics