ExtJS学习：掌握带分页功能的Grid与PagingToolbar实现

在ExtJS的学习笔记中，第四部分着重讨论了如何在Grid控件中实现带分页的功能。ExtJS作为一款强大的JavaScript框架，其Grid控件内置了对分页的高效支持，这对于处理大量数据展示尤其实用。本文主要讲解了如何使用Ext.PagingToolbar类来构建分页工具栏。 Ext.PagingToolbar是一个从Toolbar派生的类，专门负责管理Grid的分页操作。通过构造函数，开发者可以配置json对象来定制工具栏的行为。常见的配置参数包括： 1. `pageSize`：定义每页显示的记录数，默认值为20，可以根据需求调整。 2. `store`：这是至关重要的参数，与Grid中的store相同，用于连接数据源，确保分页功能与数据同步。 3. `displayMsg`：自定义的分页状态信息模板，格式如“第{0}-第{1}条，一共{2}条”，其中{0}, {1}, {2}分别代表当前页、结束页和总记录数，这部分信息会在工具栏右侧显示。 4. `displayInfo`：默认情况下，是否显示`displayMsg`，开发者可以选择是否启用。 5. `emptyMsg`：当没有记录时，显示的提示信息。 6. `items`：可配置的工具栏元素，包括按钮、链接等，可以根据需要添加。 在使用时，首先需要创建一个JsonStore对象，指定数据结构和远程数据源（如跨域情况下的ScriptTagProxy或HttpProxy）。然后，结合这些配置参数来实例化PagingToolbar，将store传递给它。完整的代码示例展示了如何创建store和初始化分页工具栏。 总结来说，学习并掌握ExtJS的分页功能，对于构建高效的数据密集型应用至关重要，这包括理解PagingToolbar的工作原理，以及如何正确配置和使用其组件。通过实践和理解这些核心概念，开发者可以更轻松地在实际项目中实现复杂的分页功能。