gtgrid提供了showIndexColumn : true属性,用来显示行序号:
但这是客户端数据的行序号(这时的行号是相对客户端数据计算的,而我们有时需要的是相对数据库数据计算的行号)。一旦分页时需要从服务器端取数据,那么行序号将重新从1开始计数,也就是说第一第二页的第一行序号都是1,而我们希望的是第二页的第一行序号是10(假设每页10行)。
要是我们能从服务器端传回来的json串中取得startRowNum的值,再让startRowNum与当前客户端行号rowNo相加,便可计算出该行相对于数据库数据计算出的序号了。
首先将json串中的pageInfo对象赋值给当前grid对象:
var gridOption= {
……
beforeLoad:function(requestParameter){
Sigma.$grid("你的grid的id").pageInfo=requestParameter.pageInfo;
}
然后新建一列用来显示序号即可:
var colsOption = [
{id: 'xuhao', header: "序号", width :55,
renderer:function(value ,record,columnObj,grid,colNo,rowNo){
return record['xuhao']!=0?grid.pageInfo.startRowNum+rowNo:1;}
},
分享到:
相关推荐
jQuery,作为一款广泛使用的JavaScript库,虽然主要作用于客户端,但也可以与服务器端配合实现分页功能。本文将详细介绍如何利用jQuery实现服务器端分页,同时也会涉及相关的源码分析和工具使用。 **一、服务器端...
通过分析和学习这些文件,开发者可以更好地理解和实现服务器端分页与存储过程的结合。 总之,Ext.NET服务器端分页结合存储过程是一种高效的数据加载策略,它既优化了性能,又提供了良好的用户体验。理解其工作原理...
服务器端分页(Server-side pagination)是其核心特性之一,尤其适用于处理大量数据时,能有效提高网页性能。 **1. 服务器端分页原理** 在服务器端分页中,前端的DataTable并不负责加载所有数据,而是每次向服务器...
在本文中,我们将深入探讨如何使用Richface框架在服务器端实现分页功能。Richface是一个强大的AJAX组件库,它扩展了JavaServer Faces (JSF) 应用程序的功能,提供了一套丰富的用户界面组件和行为。这个"Richface实现...
在本文中,我们将深入探讨如何在EXT Grid中实现服务器端分页,这在处理大量数据时尤为关键。EXT Grid是一款强大的JavaScript组件,用于构建交互式的数据视图,而服务器端分页则是优化性能、提高用户体验的重要策略。...
以下是使用JQuery DataTables 实现服务器端分页的关键技术点: 1. **初始化设置**: - `bProcessing`: 设置为`false`表示在处理数据时不会显示等待提示框。 - `bServerSide`: 设置为`true`表明表格数据将在服务器...
在这个特定的实现中, Sigma Grid强调了ajax动态加载,这意味着表格数据不是一次性全部加载,而是根据用户操作,如翻页或筛选,通过异步请求从服务器获取数据,降低了初次加载时的页面负担,提升了用户体验。...
主要展示了如何使用Spring、SpringMVC和MyBatis(SSM)框架集成,并结合easyUI前端框架实现学生信息管理系统的功能,特别是服务器端分页的实现。下面将详细介绍涉及的知识点。 1. **Spring框架**:Spring是一个开源...
6. **注意事项**:使用 Sigma Grid 时,要关注其兼容性,确保与当前项目所使用的jQuery版本和浏览器版本相匹配。此外,对用户输入的验证和错误处理也是必不可少的。 7. **学习资源**:除了文档,开发者还可以通过...
这个压缩包包含的资源是关于如何使用Sigma Grid实现一个通过Ajax动态加载数据、支持分页、列宽可拖动以及数据排序的功能。以下是这些知识点的详细说明: 1. Ajax动态加载: Ajax(Asynchronous JavaScript and XML...
在ExtJS中,Grid组件通过与服务器端交互来实现这一功能。 首先,我们需要理解ExtJS Grid的基本结构。Grid由Store(数据存储)、Columns(列定义)和View(视图)三部分组成。Store负责管理数据,Columns定义显示的...
本文将深入探讨如何在服务器端利用这两个框架实现分页和排序功能,这是提升应用程序性能和用户体验的关键技术。 首先,让我们理解分页的基本概念。分页是一种将大量数据分为多个小部分的技术,以便用户可以逐步浏览...
在ASP.NET开发中,jQueryGrid是一款非常流行的前端数据...总的来说,jQueryGrid无刷新分页是通过Ajax技术和服务器端的配合,实现了高效且流畅的数据浏览体验。开发者可以根据项目需求进行定制,以满足不同场景的应用。
Sigma Grid 允许用户选择单行或多行,`sigma.grid.selection` API 可以获取或设置选中行。此外,可以为行设置状态(如禁用、高亮等),增强交互体验。 6. **分页与虚拟化** 对于大量数据,Sigma Grid 提供了分页...
PageHelper插件实现服务器端分页功能 PageHelper插件是MyBatis框架中的一种插件,主要用于实现服务器端分页功能。下面是关于PageHelper插件实现服务器端分页功能的详细介绍。 添加依赖 在使用PageHelper插件之前...
6. **数据绑定**:可以与服务器端的数据源进行双向绑定,当数据发生变化时,网格会自动更新,反之亦然,实现数据的实时同步。 7. **事件处理**:提供了一系列的事件监听器,如点击、选择、排序、过滤等,允许开发者...
ExtJS的GridPanel可以配置分页工具栏,通过调用服务器端接口实现数据的分页加载。同样,用户在Grid中对列进行排序时,排序信息会被发送到服务器,服务器则返回排序后的数据。 6. **远程验证(Remote Validation)**:...
基于Web的分页技术的研究与实现 在当今的信息时代,网络已经成为我们生活中不可或缺的一部分,而网页则成为我们获取信息的主要来源。当我们在浏览网页时,不可避免地会碰到有的数据不能在一个页面完全显示出来的...
1. 数据获取:首先,需要从服务器端获取全部或部分数据。这通常通过API接口完成,可以使用AJAX异步请求,或者在后端处理时直接分页返回。 2. 分页参数:在请求数据时,需要传递分页参数,包括当前页码(Page Number...
本文将详细介绍JavaWeb中的分页技术,并对比Web服务器端分页和数据库服务器端分页的不同实现方式。 #### 二、实现分页技术 ##### 2.1 典型的三层架构 在典型的三层架构中,包括表现层、业务逻辑层和数据访问层。...