有些情况下,我们需要重新加载Grid的当前页数据。
比如我们在Grid第二页对某一行进行了修改,从修改form跳转回来时,需要重新加载Grid第二页的数据源数据,那么我们就可以这么做:
function loadGrid(loaded) {
//根据id获取到Ext Component
var grid = Ext.getCmp("grid");
if (loaded) {
// 数据源已经load过了,当前只是刷新,则获取分页组件,刷新当前页
var bbar = grid.getBottomToolbar();
bbar.doLoad(bbar.cursor);
} else {
var store = grid.getStore();
// 首次load,加载首页10条数据
store.load({
params : {
start : 0,
limit : 10
},
callback : function(records, options, success) {
},
//不是已增量模式加载。
add : false
});
}
}
分享到:
相关推荐
2. 当用户滚动到Grid的底部或者点击分页导航条时,EXT Grid会触发Ajax请求,向服务器发送当前的页码和每页记录数。 3. DWR接收到请求后,根据这些参数在后端数据库执行相应的SQL查询,获取对应页的数据,并将其转换...
首先,我们需要确保EXT Grid的数据已经加载完成并且正确显示在界面上。 1. **创建Excel文件**:EXT Grid导出Excel通常通过创建一个Excel文件的XML格式(.xls或.xlsx)来实现。这可以通过使用第三方库如SheetJS(js-...
为了确保每次加载数据时滚动条都能正确地回到原来的位置,我们还可以通过覆盖`Ext.grid.GridView`中的方法来进一步增强功能: ```javascript Ext.override(Ext.grid.GridView, { scrollTop: function () { this....
Ext4 Grid打印是基于Ext JS库的一个功能,用于在网页中展示数据的表格组件。Ext4 Grid提供了丰富的功能,包括数据排序、筛选、分页以及列的动态调整等。在这个场景下,"grid打印"指的是将Grid中的数据导出或者可视化...
在这个事件处理器中,我们可以更新分页工具栏的状态,反映当前页和总页数。 5. **加载初始数据**: 最后,初始化Grid时,调用数据源的`load`方法,传递初始分页参数,加载第一页数据到Grid中。 总结,本示例展示了...
首先,我们需要在JSP页面中加载EXT Grid所需的所有资源,包括CSS样式文件和JavaScript库,如EXT JS的核心库和Grid组件。确保在HTML头部引入这些资源,并设置好相应的路径,以确保页面能正确解析和执行EXT JS的代码。...
- 包含`rows`字段,它是一个数组,包含了当前页的所有记录,每个记录是键值对形式的对象。 5. **EXT Grid的事件监听**: - 需要监听`load`事件,以便在数据加载完成后更新分页条的状态。 6. **性能优化**: - ...
在Ext JS这个强大的JavaScript框架中,开发人员经常需要创建数据展示组件,比如Grid,来显示大量数据并提供交互性。Grid List是Grid的一种扩展,它不仅具有基本的表格功能,还可以进行更复杂的操作。本教程将详细...
3. **保持当前页面**:如果你希望刷新时保持在当前页,可以保存当前页码,并在加载数据前设置`store.currentPage`。例如: ```javascript var currentPage = store.currentPage; store.load({ params: { start:...
- 配置`store`属性指向之前定义的Store,并设置`displayInfo`为`true`来显示当前页信息。 3. **监听事件**: - `load`事件:当Store从服务器加载数据时触发,可以在此事件中处理加载后的数据。 - `beforeload`...
Grid组件是Ext JS中一个强大的数据展示工具,能够以表格形式展示大量数据,而分页则是处理大数据集时不可或缺的功能,它可以提高用户体验并优化系统性能。 首先,让我们理解什么是Ext JS Grid。Grid是一种用户界面...
根据提供的文件信息,本文将详细解释如何在ExtJS框架中使用jxl库...通过上述步骤,我们成功地实现了在ExtJS中使用jxl导出全部数据和当前页数据的功能。这种方法不仅提高了工作效率,也为用户提供了更加方便的操作方式。
在Ext JS中,页面的自动刷新功能通常涉及到数据网格(Grid)的实时更新,这在处理动态数据流或者需要实时显示新数据的场景中非常常见。本教程集合将深入探讨如何在Ext JS中实现页面,特别是数据网格的自动刷新。 一...
在软件开发中,特别是在构建用户界面时,ExtJS是一个常用且强大的JavaScript库,它提供了丰富的组件,例如Ext.grid,用于创建交互式的表格视图。在处理Ext.grid时,理解其属性、方法和事件是至关重要的。以下是对...
如果需要获取全局行号,我们需要结合Store的当前页大小(每页的行数)进行计算,即`全局行号 = e.index + (currentPage - 1) * pageSize`,其中`currentPage`是当前页数,`pageSize`是每页行数。 为了启用单元格...
EXT JS中的表格分页通常通过Grid Panel组件实现,该组件可以与数据存储(Store)配合,数据存储负责管理数据,包括加载、过滤、排序和分页。分页功能由Pager Toolbar组件提供,它是一个可自定义的工具栏,包含导航...
4. **初始化脚本**:在页面底部或 `</body>` 前添加初始化脚本,确保页面加载完毕后再执行 JavaScript 代码。使用 `Ext.onReady()` 函数可以达到此目的,示例代码如下: ```javascript Ext.onReady(function() ...
- **Ext.toolbar.Paging**:这是EXTJS中的分页工具栏,它提供上一页、下一页、跳转到指定页和显示当前页信息等功能。通过配置`store`属性,它可以与数据存储对象绑定,自动更新分页状态。 - **Ext.data.Store配置*...
此外,还可以使用内存分页(客户端分页),即所有数据都存储在客户端,但只加载当前页数据到Grid,适用于数据量较小的情况。 8. **响应式分页** 在移动设备上,可能需要调整分页控件的布局和大小。利用Ext JS的...
- Ext JS Grid允许开发者设置分页栏,通过`pagingToolbar`配置项,可以轻松添加分页工具栏到Grid底部。 - 分页栏通常包含“第一”、“上一页”、“下一页”、“最后”按钮以及页码选择器,用户可以通过这些元素来...