//create grid
var grid = Ext.create('Ext.form.Panel', {
//title: 'My VM Instance List',
width:'100%',
height: 300,
frame: true,
store: myStore,
loadMask: true,
items: [{
columnWidth: 1,
xtype: 'gridpanel',
store: myStore,
columns:
[
{ header: 'jobInstanceId', dataIndex: 'jobInstanceId', hidden:true},
{ header: 'submitTime', dataIndex: 'submitTime', hidden:true},
{ header: 'startTime', dataIndex: 'startTime', hidden:true},
{ header: 'endTime', dataIndex: 'endTime', hidden:true},
{ header: 'jobTaskTotalCount', dataIndex: 'jobTaskTotalCount', hidden:true} ]
}],
dockedItems: [
{
xtype: 'pagingtoolbar',
store: myStore, // same store GridPanel is using
dock: 'bottom', //分页 位置
emptyMsg: '没有数据',
displayInfo: true,
displayMsg: '当前显示{0}-{1}条记录 / 共{2}条记录 ',
beforePageText: '第',
afterPageText: '页/共{0}页'
}],
renderTo: Ext.get('contents')
});
分享到:
相关推荐
ASP.NET的PagerControl是网页开发中用于实现分页功能的一种自定义控件。在Web应用程序中,当数据量庞大时,通常会采用分页来提高用户体验,避免一次性加载大量数据导致页面加载慢或者用户浏览不便。这个控件仅负责...
而Pager-taglib是Struts2的一个扩展,它提供了一种便捷的方式来实现页面的分页功能,这对于处理大量数据的展示至关重要。 在分页应用中,Pager-taglib允许开发者在页面上显示数据的一部分,而不是一次性加载所有...
<pager:page page="2" /> <!-- ... --> ``` `page`属性指定要跳转到的页码。 除了基础的分页功能,`pager-taglib`还提供了许多可配置的属性,如`style`(样式)、`firstPageText`(首页文本)、`lastPageText`(尾...
2. `<pager:previous>`和`<pager:next>`:这两个标签分别用于生成上一页和下一页的链接。 3. `<pager:first>`和`<pager:last>`:它们用于生成首页和末页的链接。 4. `<pager:gap>`:定义页码间的间隔,避免连续...
本篇文章将深入探讨Pager Tag Lib在SSH2(Spring、Struts2、Hibernate2)框架中结合JSTL的使用方法和实现原理。 首先,SSH2是一个强大的企业级应用开发框架,Spring负责依赖注入和事务管理,Struts2作为MVC框架处理...
2. "WHC.Pager.Entity.dll" - 另一个DLL文件,可能是WHCPager控件集的一部分,提供了数据实体或业务逻辑层的功能。这可能包含了对数据模型的定义,以及与数据库交互的类,帮助应用程序处理数据分页所需的后端操作。 ...
2. `<pager:first>` 和 `<pager:last>`:分别表示第一页和最后一页的链接。 3. `<pager:prev>` 和 `<pager:next>`:表示上一页和下一页的链接。 4. `<pager:item>`:用于遍历所有页码,生成页码链接。 四、自定义...
2. jQuery插件:`z-pager.js`是基于jQuery库的插件,利用jQuery强大的DOM操作能力和事件处理能力,简化了分页功能的实现。 二、插件引入 要使用`z-pager.js`分页插件,首先需要在HTML文档中引入以下两个文件: 1....
### 2. 安装与引入 在项目中使用Pager2.0控件,首先需要将其安装到你的开发环境中。通常,这可以通过NuGet包管理器完成,搜索“Pager2.0”并按照提示进行安装。安装完毕后,在Web.config文件中添加相应的引用,确保...
2. **使用分页标签**:`pager-taglib`提供了一些关键的标签,如`< pager:table >`、`< pager:page >`和`< pager:nav >`等。`< pager:table >`用于包裹整个表格,`< pager:page >`定义每一页的内容,`< pager:nav >`...
**2. PHP Pager的实现原理** PHP Pager通常基于以下步骤实现: - 计算总记录数:通过SQL查询获取所有数据的总数。 - 设置每页显示的记录数:根据需求设置每一页显示的数据条数。 - 计算总页数:用总记录数除以每页...
2. **pager.css**:这个CSS文件负责分页组件的样式设计,可能包括: - 布局设计:确定分页按钮的排列方式(如水平或垂直)以及它们之间的间隔。 - 按钮样式:定义按钮的颜色、大小、边框、背景色、hover状态等。 ...
### 2. 配置Pager Taglib 在你的`web.xml`配置文件中,你需要添加Pager Taglib的标签库定义,如下所示: ```xml <taglib-uri>/pager <taglib-location>/WEB-INF/tld/pager.tld ``` 这将告诉JSP引擎在哪里可以...
2. **CSS样式**:将cPager的CSS文件引入到页面,或者根据需要自定义样式: ```html <link rel="stylesheet" href="css/cpager.css"> ``` 3. **HTML结构**:创建一个用于显示分页的容器,如: ```html <div id="...
### 2. 安装`pager-taglib` 安装`pager-taglib`通常包括以下步骤: - 首先,下载`pager-taglib-2.0.war`文件,这是一个Web应用的归档文件。 - 将`war`文件部署到你的应用服务器(如Tomcat、Jetty等)。这通常可以...
2. **pager-src.jar**:这个文件包含了Pager Taglib的源代码,对于开发者来说,这是一份宝贵的参考资料。通过查看源代码,你可以了解库的工作原理,学习如何自定义或者扩展其功能,这对于调试和优化代码非常有帮助。...
2. **计算逻辑**:根据分页参数计算出起始和结束的记录索引,以便从数据库或其他数据源中获取相应的数据块。 3. **分页链接生成**:生成可以跳转到不同页码的链接,这些链接通常会包含查询参数以保持查询状态。 4....
**jQuery Pager 分页插件详解** 在Web开发中,数据展示是常见的需求,特别是当数据量大时,分页功能显得尤为重要。jQuery Pager是一款轻量级的JavaScript插件,它可以帮助开发者实现页面无刷新的分页效果,提高用户...
2. **注册标签库**:在JSP页面顶部使用`<%@ taglib %> `指令注册`pager-taglib`,指定URI。 3. **使用分页标签**:在JSP页面中,根据需要插入分页标签,如`<pager:page>`,并设置对应的属性,如当前页码、总页数等...
### pager标签库使用详解 #### 一、简介 `Pager-taglib`是一个专门为JSP页面设计的标签库,用于实现多样化的分页显示效果。它不仅内置了多种分页样式,还支持用户自定义分页样式,使得开发人员能够轻松地在网页中...