JqGrid 怎么合并行
来源:网络收集 点击: 时间:2024-04-11一、colModel属性中,增加单元格ID值,以rowId为基础来增加;
代码示例:
colModel:
上图斜体加粗部分为给这个td增加ID值;ID值的内容为当前name加上rowId即行号;加上ID值的目的是为了在下面的方法中准确的获取到需要合并的行;
二、在jqgrid的gridComplete的方法中执行对应的合并行的方法:
gridComplete: function () {
MergerStatistics(gridTable, SupplierName);
}
如上代码,是在gridComplete这里面执行了MergerStatistics()这个方法;这个方法就是真正的合并行的方法;
三、MergerStatistics()方法代码介绍
function MergerShe(gridName, CellName) {
//得到显示到界面的id集合
var mya = $(# + gridName + ).getDataIDs();
//当前显示多少条
var length = mya.length;
for (var i = 0; i length; i++) {
//从上到下获取一条信息
var before = $(# + gridName + ).jqGrid(getRowData, mya);
//定义合并行数
var rowSpanTaxCount = 1;
for (j = i + 1; j = length; j++) {
//和上边的信息对比 如果值一样就合并行数+1 然后设置rowspan 让当前单元格隐藏
var end = $(# + gridName + ).jqGrid(getRowData, mya);
var cellNames = CellName.split(,);
for (var n = 0; n cellNames.length; n++) {
if (before] == end] ) {
rowSpanTaxCount++;
$(# + gridName + ).setCell(mya, cellNames, , { display: none });
} else {
rowSpanTaxCount = 1;
break;
}
$(# + cellNames + + mya + ).attr(rowspan, rowSpanTaxCount);//最后合并需要合并的行与合并的行数
}
}
}
}
就会如下图所示:

一、注意多行多列合并, MergerStatistics(gridTable, SupplierName,列名1,列名2); 在方法中判断比较值是否相同的地方,相对应的加上列名1、列名2的判断;
版权声明:
1、本文系转载,版权归原作者所有,旨在传递信息,不代表看本站的观点和立场。
2、本站仅提供信息发布平台,不承担相关法律责任。
3、若侵犯您的版权或隐私,请联系本站管理员删除。
4、文章链接:http://www.1haoku.cn/art_489654.html