`

ExtJS分页条件参数传递

阅读更多

这两天还在忙活那个可恨的ext的项目,说它可恨,通过解决这个小问题,才发觉原因所在:对它不熟悉,又不想多花点精力学习它。

 

废话少说,转入正题,下面就是这个小问题:
双击并选中GridPanel中的一条记录,根据该记录的ID,查询其他数据,在TabPanel中分页显示。

 

问题:
TabPanel中分页显示时,作为条件参数的GridPanel中记录ID无法传递给处理程序。

 

解决:
参考如下代码:

//store
var _storeSalesPkgClass = new Ext.data.Store({
  id:"_storeSalesPkgClass",  
  proxy : new Ext.data.HttpProxy({url:"salesPkgClassData.jsp"}),
  reader: new Ext.data.JsonReader({
   totalProperty:"totalProperty",
   root:"root"},
   [
    {name:"id"},
    {name:"className"},
    {name:"biId"},
    {name:"biName"},
    {name:"stName"},
    {name:"selected"}
   ]
  )
});


//分页常规参数
_storeSalesPkgClass.load(
  {
   params:
    {
     start:0,
     limit:5
    }
 });

//分页条件参数
_storeSalesPkgClass.on('beforeload',function(){
 Ext.apply(
  this.baseParams,
  {
             salesId:_gridJwSales.getSelectionModel().getSelected().get("id")
        }
 );
});

 

1
1
分享到:
评论

相关推荐

    extjs 分页

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

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

    - 将这些查询条件作为参数传递给`store`的`load`方法。 2. **示例代码**: ```javascript var pagingToolbar = new Ext.PagingToolbar({ store: store, // store is the data store for this grid displayInfo...

    extjs学习 分页后台处理

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

    extjs 简单分页例子

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

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

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

    ExtJS 工具栏 分页事件参数

    在 ExtJS 中,工具栏分页事件参数是指在进行分页操作时,需要传递给服务器的参数。这些参数通常包括当前页码、每页记录数、搜索关键字等。通过设置这些参数,可以实现复杂的数据分页和搜索功能。 参数设置 在上面...

    Extjs grid分页1

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

    EXTJS分页全面分析

    加载数据时还需要传递分页参数: ```javascript store.load({ params: { start: 0, limit: 10 } }); ``` 这里的`start`表示起始索引位置,`limit`表示每次加载的数量。 ##### 5. 构建列模型(`ColumnModel`) 列...

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

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

    EXT2.0分页

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

    ext分页查询ext分页查询ext分页查询ext分页查询ext分页查询

    3. **参数传递**:在提交查询时,分页参数(如`start`和`limit`)需要包含在请求中。`start`表示从数据集的哪个位置开始,`limit`则指定了每页要加载的数据量。 4. **Ajax请求**:在示例代码中,使用`Ext.Ajax....

    ExtJs和Java通过Servlet交互实现数据库增删查改分页

    通过store的load方法,传递当前页码和每页记录数作为参数,Servlet根据这些参数构造分页查询的SQL。 6. **错误处理**:无论是前端还是后端,都要处理可能出现的错误,如网络问题、SQL执行异常等。错误信息应适当地...

    ExtJS中文手册.pdf

    - **参数传递**:事件处理函数可以接收额外的参数。 #### 19. 类设计 - **对象创建**:介绍如何创建ExtJS的对象实例。 - **构造器函数**:构造器函数用于初始化对象的属性和行为。 - **方法共享**:通过类的方式...

    extjs实现动态树

    `loader`有`url`属性指定服务器地址,`params`属性传递请求参数,`load`方法用于手动触发加载。 三、节点操作 1. 添加节点:可以通过`insertChild`方法向现有节点下添加新节点。 2. 删除节点:使用`removeChild`...

    ExtJs中Store加载(load)时候提示信息

    - **params**:可以传递自定义的请求参数,例如分页参数`start`和`limit`。 - **callback**:回调函数,用于处理加载完成后的数据,可进行进一步的数据处理或UI更新。 - **scope**:指定回调函数的执行上下文。 - **...

    ExtJs Google Suggest 动态查询效果

    5. `queryParam`:指定发送到服务器的参数名,用于传递查询字符串。 6. `listeners`:监听键盘事件,如`keyup`,并在适当的时候触发查询。 通过以上步骤,我们可以创建一个类似Google Suggest的效果,提供实时的...

    ExtJs事件处理 ajax

    3. **传递参数** - 事件处理函数可以接收到两个参数:`ev`是Ext的事件对象,`target`是触发事件的DOM元素。如果需要访问事件绑定的元素,可以通过`target`参数实现,如: ```javascript function onClick(ev, ...

    EXTJS4.0视频教程配套代码包含action类

    在11课之后的内容,可能涉及到更复杂的服务器通信,如分页、过滤、排序和远程验证,这些都是EXTJS4.0中action类应用的重要场景。 通过参考yunchengfeng老师的视频教程,你可以学习如何创建自己的action类,设置请求...

    extJs4 toolbar工具条

    - 上述代码展示了如何获取文本框的值并将其作为参数传递给 `store.load` 方法,从而触发数据加载过程。 #### 五、分页工具栏 (`Paging Toolbar`) 除了顶部工具栏 (`tbar`) 外,还可以添加底部分页工具栏 (`bbar`)...

    extjs3.x combobox智能联想

    7. `queryParam`:在远程查询模式下,发送到服务器的参数名,用于传递用户的输入值。 8. `transform`:用于指定Combobox的HTML元素ID,这在需要将现有的HTML select元素转换为EXTJS Combobox时使用。 实现智能联想...

Global site tag (gtag.js) - Google Analytics