这两天还在忙活那个可恨的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")
}
);
});
分享到:
相关推荐
- 将这些查询条件作为参数传递给`store`的`load`方法。 2. **示例代码**: ```javascript var pagingToolbar = new Ext.PagingToolbar({ store: store, // store is the data store for this grid displayInfo...
1. 配置Store:首先,我们需要在Store中配置分页参数,如设置每页记录数`pageSize`,开启分页`paging`,并指定分页模型`pagingModel`为`client`(客户端分页)或`server`(服务器端分页)。 2. Grid与Store绑定:将...
以下是对EXTJS分页后台处理的详细说明: 首先,`Store`对象是EXTJS中用于存储数据的核心组件。在你的代码中,`Store`被创建并配置了`baseParams`、`JsonReader`和`HttpProxy`。 1. `baseParams`: 这个属性用于传递...
EXTJS是一种基于JavaScript的前端框架,它提供...这是一个基本的EXTJS分页实现,实际应用中可能还需要考虑错误处理、数据过滤、排序等功能。通过这种方式,EXTJS能够帮助开发者高效地构建功能丰富的数据驱动的Web应用。
总结来说,实现ExtJS分页查询的关键在于前端和后端的协同工作。前端通过Store、Proxy和Paging Toolbar处理用户交互,后端通过Servlet接收请求,执行数据库操作,并返回符合约定的数据格式。通过这种方式,可以有效地...
在 ExtJS 中,工具栏分页事件参数是指在进行分页操作时,需要传递给服务器的参数。这些参数通常包括当前页码、每页记录数、搜索关键字等。通过设置这些参数,可以实现复杂的数据分页和搜索功能。 参数设置 在上面...
4. **自定义分页**:如果需要更复杂的分页逻辑,例如服务器端分页,可以自定义`proxy`的`load`方法,将`start`和`limit`参数(分别表示起始位置和每页记录数)传递给服务器,服务器返回对应页的数据。 5. **事件...
加载数据时还需要传递分页参数: ```javascript store.load({ params: { start: 0, limit: 10 } }); ``` 这里的`start`表示起始索引位置,`limit`表示每次加载的数量。 ##### 5. 构建列模型(`ColumnModel`) 列...
总的来说,EXTJS的PagingToolbar虽然默认只传递`start`和`limit`参数,但通过自定义事件监听和参数构建,我们可以灵活地扩展其功能,以满足不同场景下的分页查询需求。这对于处理带有复杂查询条件的大数据集是非常...
在分页场景下,Store需要配置分页参数,如每页记录数(pageSize)和当前页数(currentPage)。 EXT2.0分页的实现通常涉及以下几个步骤: 1. 创建一个Store,并设置分页属性,例如: ```javascript var store = ...
通过store的load方法,传递当前页码和每页记录数作为参数,Servlet根据这些参数构造分页查询的SQL。 6. **错误处理**:无论是前端还是后端,都要处理可能出现的错误,如网络问题、SQL执行异常等。错误信息应适当地...
- **参数传递**:事件处理函数可以接收额外的参数。 #### 19. 类设计 - **对象创建**:介绍如何创建ExtJS的对象实例。 - **构造器函数**:构造器函数用于初始化对象的属性和行为。 - **方法共享**:通过类的方式...
`loader`有`url`属性指定服务器地址,`params`属性传递请求参数,`load`方法用于手动触发加载。 三、节点操作 1. 添加节点:可以通过`insertChild`方法向现有节点下添加新节点。 2. 删除节点:使用`removeChild`...
- **params**:可以传递自定义的请求参数,例如分页参数`start`和`limit`。 - **callback**:回调函数,用于处理加载完成后的数据,可进行进一步的数据处理或UI更新。 - **scope**:指定回调函数的执行上下文。 - **...
5. `queryParam`:指定发送到服务器的参数名,用于传递查询字符串。 6. `listeners`:监听键盘事件,如`keyup`,并在适当的时候触发查询。 通过以上步骤,我们可以创建一个类似Google Suggest的效果,提供实时的...
3. **参数传递**:在提交查询时,分页参数(如`start`和`limit`)需要包含在请求中。`start`表示从数据集的哪个位置开始,`limit`则指定了每页要加载的数据量。 4. **Ajax请求**:在示例代码中,使用`Ext.Ajax....
3. **传递参数** - 事件处理函数可以接收到两个参数:`ev`是Ext的事件对象,`target`是触发事件的DOM元素。如果需要访问事件绑定的元素,可以通过`target`参数实现,如: ```javascript function onClick(ev, ...
在11课之后的内容,可能涉及到更复杂的服务器通信,如分页、过滤、排序和远程验证,这些都是EXTJS4.0中action类应用的重要场景。 通过参考yunchengfeng老师的视频教程,你可以学习如何创建自己的action类,设置请求...
- 上述代码展示了如何获取文本框的值并将其作为参数传递给 `store.load` 方法,从而触发数据加载过程。 #### 五、分页工具栏 (`Paging Toolbar`) 除了顶部工具栏 (`tbar`) 外,还可以添加底部分页工具栏 (`bbar`)...
7. `queryParam`:在远程查询模式下,发送到服务器的参数名,用于传递用户的输入值。 8. `transform`:用于指定Combobox的HTML元素ID,这在需要将现有的HTML select元素转换为EXTJS Combobox时使用。 实现智能联想...