Extjs4.2 表格动态数据加载，以及动态选择分页条目，前后台详解

最新推荐文章于 2020-09-11 16:01:22 发布

少点抱怨

最新推荐文章于 2020-09-11 16:01:22 发布

阅读量2.1k

点赞数

分类专栏： Extjs4.2学习笔记文章标签： extjs extjs4.2 extjs4

本文链接：https://blog.csdn.net/baidu_22196087/article/details/46484567

版权

这篇博客介绍了如何在ExtJS4.2中实现表格的动态数据加载和分页功能，包括前端grid配置、数据转换、分页工具栏的创建，以及后台SSH框架的分页查询和数据总条数计算。文章详细讲解了前后端交互的关键代码，对于初学者理解ExtJS的分页操作具有指导意义。

摘要由CSDN通过智能技术生成

刚自学extjs,搞到分页后碰到了许多问题，特记录下，方便你我他

一、grid_gridpanel_paging.jsp页面引入：

<link rel="stylesheet" type="text/css" href="../js/resources/css/ext-all-neptune.css">

<script type="text/javascript" src="../js/extjs4.2/extjs4.2/bootstrap.js" charset="utf-8"></script>

<script type="text/javascript" src="../js/extjs4.2/locale/ext-lang-zh_CN.js" charset="utf-8"></script>
<script type="text/javascript" src="../js/grid_gridpanel_pagings.js"></script>

<script type="text/javascript" src="../js/ext/Extend/Notification.js"></script>
<script type="text/javascript" src="../js/ext/Extend/CommonMethod.js"></script>
<script type="text/javascript" src="../js/ext/Extend/ComboPageSize.js"></script>

二、编写前端grid_gridpanel_pagings.js代码：

Ext.onReady(function() {
var pageSize = 8;//设置每页显示的条数