【已解决】Grid底部合计行功能实现，绝对定位到表格底部！

冬天

能显示在分页条的那里，有本页合计和总合计，就完美了。

sanshi

多谢，下个版本会增加几个示例，演示如果制作合计行。

-增加合计行示例grid/grid_summary.aspx（◇辉◆:）。
-增加服务器端合计行示例grid/grid_summary_serverside.aspx（◆◇提拉米苏℡）。






需要写部分JS和CSS代码：

1. <script>
   
2. 
   
3.         var gridClientID = '<%= Grid1.ClientID %>';
   
4. 
   
5.         function calcGridSummary(grid) {
   
6.             var donateTotal = 0, store = grid.getStore(), view = grid.getView(), storeCount = store.getCount();
   
7. 
   
8.             // 防止重复添加了合计行
   
9.             if (Ext.get(view.getRow(storeCount - 1)).hasClass('mygrid-row-summary')) {
   
10.                 return;
    
11.             }
    
12. 
    
13.             // 遍历每一行数据，计算汇总数据
    
14.             store.each(function (record) {
    
15.                 // 注：donate是列的ColumnID属性
    
16.                 donateTotal += parseInt(record.data["donate"]);
    
17.             });
    
18.             var donateAvg = donateTotal / storeCount;
    
19. 
    
20. 
    
21.             store.add(new Ext.data.Record({
    
22.                 'major': '合计：',
    
23.                 'donate': donateTotal
    
24.             }));
    
25. 
    
26.             store.add(new Ext.data.Record({
    
27.                 'major': '平均：',
    
28.                 'donate': donateAvg
    
29.             }));
    
30. 
    
31. 
    
32.             // 为合计行添加自定义样式（隐藏序号列、复选框列，取消 hover 和 selected 效果）
    
33.             Ext.get(view.getRow(storeCount)).addClass('mygrid-row-summary');
    
34.             Ext.get(view.getRow(storeCount + 1)).addClass('mygrid-row-summary');
    
35. 
    
36.         }
    
37. 
    
38.         // 页面第一个加载完毕后执行的函数
    
39.         function onReady() {
    
40.             var grid = X(gridClientID);
    
41.             grid.addListener('viewready', function () {
    
42.                 calcGridSummary(grid);
    
43.             });
    
44. 
    
45.             // 防止选中合计行
    
46.             grid.getSelectionModel().addListener('beforerowselect', function (sm, rowIndex, keepExisting, record) {
    
47.                 if (Ext.get(grid.getView().getRow(rowIndex)).hasClass('mygrid-row-summary')) {
    
48.                     return false;
    
49.                 }
    
50.                 return true;
    
51.             });
    
52.         }
    
53. 
    
54.         // 页面AJAX回发后执行的函数
    
55.         function onAjaxReady() {
    
56.             var grid = X(gridClientID);
    
57.             calcGridSummary(grid);
    
58.         }
    
59.     </script>

复制代码

魔小涛

防止合计重复加上去了 具体问题具体解决！
怎么实现？