FineUI 官方论坛

标题: 同一页面2个或多个GRID分别显示汇总行问题 [打印本页]
作者: treedun    时间: 2013-12-3 11:09
标题: 同一页面2个或多个GRID分别显示汇总行问题
如题，示例中的效果我已经实现了，问题是再加一个GRID显示汇总行，复制了一份JS代码并修改，结果就是只有一个GRID显示汇总，如果注释掉其中一个，另一个是可以正常显示的，我对JS,CSS不太熟悉，难道还要再复制一份CSS修改？请大家帮忙看下，解决了的话请三石兄在示例中添加一下吧，多GRID汇总的例子，相信很多人会用到，谢谢了
  1.         private void OutputSummaryDataGrid1()
  2.         {
  3.             if (dtGrid1 != null && dtGrid1.Rows.Count > 0)
  4.             {
  5.                 decimal donateTotal = 0;
  6.                 foreach (DataRow row in dtGrid1.Rows)
  7.                 {
  8.                     donateTotal += Math.Round(Convert.ToDecimal(row["fg_zongjin_e"]), 2);
  9.                 }

  11.                 JObject jo = new JObject();
  12.                 jo.Add("donateTotal", donateTotal);

  14.                 hfGrid1Summary.Text = jo.ToString(Newtonsoft.Json.Formatting.None);
  15.             }
  16.             else
  17.             {
  18.                 hfGrid1Summary.Text = "0";
  19.             }
  20.         }
  21.         private void OutputSummaryDataGrid2()
  22.         {
  23.             if (dtGrid2 != null && dtGrid2.Rows.Count > 0)
  24.             {
  25.                 decimal donateTotal = 0;
  26.                 foreach (DataRow row in dtGrid2.Rows)
  27.                 {
  28.                     donateTotal += Math.Round(Convert.ToDecimal(row["rm_zongjin_e"]),2);
  29.                 }

  31.                 JObject jo = new JObject();
  32.                 jo.Add("donateTotalRM", donateTotal);

  34.                 hfGrid2Summary.Text = jo.ToString(Newtonsoft.Json.Formatting.None);
  35.             }
  36.             else
  37.             {
  38.                 hfGrid2Summary.Text = "0";
  39.             }
  40.         }
复制代码


[attach]3840[/attach]
  1. <%@ Page Language="C#" AutoEventWireup="true" CodeBehind="waihuishuju.aspx.cs" Inherits="EmptyProjectNet40.waihuishuju" %>

  3. <!DOCTYPE html>
  4. <html>
  5. <head runat="server">
  6.     <title></title>
  7.     <link href="~/css/main.css" rel="stylesheet" type="text/css" />
  8.     <style type="text/css">
  9.         .mygrid-row-summary.x-grid3-row
  10.         {
  11.             background-color: #efefef !important;
  12.             background-image: none !important;
  13.             border-color: #fff #ededed #ededed !important;
  14.             visibility: hidden;
  15.         }
  16.         .mygrid-row-summary.x-grid3-row .x-grid3-td-numberer, .mygrid-row-summary.x-grid3-row .x-grid3-td-checker
  17.         {
  18.             background-image: none !important;
  19.         }
  20.         .mygrid-row-summary.x-grid3-row .x-grid3-td-numberer .x-grid3-col-numberer, .mygrid-row-summary.x-grid3-row .x-grid3-td-checker .x-grid3-col-checker
  21.         {
  22.             display: none;
  23.         }
  24.         .mygrid-row-summary.x-grid3-row td
  25.         {
  26.             font-size: 14px;
  27.             line-height: 16px;
  28.             font-weight: bold;
  29.             color: red;
  30.         }
  31.     </style>
  32. </head>
  33. <body>
  34.     <form id="form1" runat="server">
  35.     <x:PageManager ID="PageManager1" AutoSizePanelID="Panel7" runat="server" />
  36.     <x:Panel ID="Panel7" runat="server" EnableBackgroundColor="true" BodyPadding="3px"
  37.         EnableLargeHeader="true" Title="Panel" ShowBorder="false" ShowHeader="True" Layout="VBox"
  38.         BoxConfigAlign="Stretch">
  39.         <Items>
  40. <x:Panel ID="Panel8" ShowBorder="True" ShowHeader="True" BoxFlex="1" Layout="Fit"
  41.                 runat="server" Title="RM进口数据">

  43.                     <x:Grid ID="Grid2" Title="RM进口数据" PageSize="80" ShowBorder="true" AllowPaging="true"
  44.                         ShowHeader="False" runat="server" EnableCheckBoxSelect="False" AutoHeight="true"
  45.                         DataKeyNames="Id" EnableRowNumber="True" IsDatabasePaging="true" OnPageIndexChange="Grid2_PageIndexChange"
  46.                         EnableMultiSelect="false" EnableRowSelectEvent="true" AllowSorting="true" SortColumnIndex="0"
  47.                         SortDirection="DESC"  OnSort="Grid2_Sort">
  48.                         <Columns>
  49.                             <x:BoundField Width="20px" DataField="id" SortField="id" DataFormatString="{0}" HeaderText="id" Hidden="True" HideMode="Offsets" />                     

  51.                             <x:BoundField Width="150px" DataField="rm_ieguandanhao" ColumnID="rmieguandanhao"  SortField="rm_ieguandanhao" DataFormatString="{0}" HeaderText="报关单号" />
  52.                             <x:BoundField Width="100px" DataField="rm_bizhi"   SortField="rm_bizhi" DataFormatString="{0}" HeaderText="成交币种" />
  53.                             <x:BoundField Width="100px" DataField="rm_zongjin_e"  ColumnID="rmzongjine"   SortField="rm_zongjin_e" DataFormatString="{0}" HeaderText="成交总价($)" />
  54.                         </Columns>
  55.                     </x:Grid>
  56. <font color="#ff8c00">                    <x:HiddenField runat="server" ID="hfGrid2Summary"> </x:HiddenField></font>
  57.                 </Items>
  58.             </x:Panel>

  60.             <x:Panel ID="Panel1" ShowBorder="True" ShowHeader="true" BoxFlex="1" Layout="Fit"
  61.                 runat="server" Title="FG出口数据">
  62.                 <Toolbars>
  63.                     <x:Toolbar ID="Toolbar1" runat="server">

  65.                     <x:Grid ID="Grid1" Title="FG出口数据" PageSize="80" ShowBorder="true" AllowPaging="true"
  66.                         ShowHeader="False" runat="server" EnableCheckBoxSelect="False" AutoHeight="true"
  67.                         DataKeyNames="Id" EnableRowNumber="True" IsDatabasePaging="true" OnPageIndexChange="Grid1_PageIndexChange"
  68.                         EnableMultiSelect="false" EnableRowSelectEvent="true" AllowSorting="true" SortColumnIndex="0"
  69.                         SortDirection="DESC"  OnSort="Grid1_Sort">
  70.                         <Columns>
  71. <x:BoundField Width="150px" DataField="fg_ieguandanhao" ColumnID="fgieguandanhao"  SortField="fg_ieguandanhao"  DataFormatString="{0}" HeaderText="报关单号" />
  72.                             <x:BoundField Width="100px" DataField="fg_bizhi" SortField="fg_bizhi"  DataFormatString="{0}" HeaderText="成交币种" />
  73.                             <x:BoundField Width="100px" DataField="fg_zongjin_e" ColumnID="fgzongjine"   SortField="fg_zongjin_e"  DataFormatString="{0}" HeaderText="成交总价($)" /
  74.                         </Columns>
  75.                     </x:Grid>
  76. <font color="#ff8c00">                        <x:HiddenField runat="server" ID="hfGrid1Summary"> </x:HiddenField></font>
  77.                 </Items>
  78.             </x:Panel>
  79.         </Items>
  80.     </x:Panel>
  81.     </form>
  82. <script type="text/javascript">

  84. <font color="#0000ff">    var gridClientID = '<%= Grid1.ClientID %>';
  85.     var gridSummaryID = '<%= hfGrid1Summary.ClientID %>';</font>

  87.     function calcGridSummary(grid) {
  88.         var donateTotal = 0, store = grid.getStore(), view = grid.getView(), storeCount = store.getCount();

  90.         // 超出限制删掉了一部分

  92.     // 页面第一个加载完毕后执行的函数
  93.     function onReady() {
  94.         var grid = X(gridClientID);
  95.         grid.addListener('viewready', function () {
  96.             calcGridSummary(grid);
  97.         });

  99.         // 防止选中合计行
  100.         grid.getSelectionModel().addListener('beforerowselect', function (sm, rowIndex, keepExisting, record) {
  101.             if (Ext.get(grid.getView().getRow(rowIndex)).hasClass('mygrid-row-summary')) {
  102.                 return false;
  103.             }
  104.             return true;
  105.         });
  106.     }

  108.     // 页面AJAX回发后执行的函数
  109.     function onAjaxReady() {
  110.         var grid = X(gridClientID);
  111.         calcGridSummary(grid);
  112.     }
  113.     </script>


  116. <script type="text/javascript">

  118. <font color="#0000ff">    var gridClientIDRM = '<%= Grid2.ClientID %>';
  119.     var gridSummaryIDRM = '<%= hfGrid2Summary.ClientID %>';</font>

  121.     function calcGridSummaryRM(grid) {
  122.         var donateTotal = 0, store = grid.getStore(), view = grid.getView(), storeCount = store.getCount();

  124.         // 超出限制，删掉了一部分

  126.         // 向容器节点添加合计行的副本
  127.         viewportNode.appendChild(clonesummaryNode);

  129.     }

  131.     // 页面第一个加载完毕后执行的函数
  132.     function onReady() {
  133. <font color="#0000ff">        var gridRM = X(gridClientIDRM);
  134.         gridRM.addListener('viewready', function () {
  135.             calcGridSummaryRM(gridRM);</font>
  136.         });

  138.         // 防止选中合计行
  139.         gridRM.getSelectionModel().addListener('beforerowselect', function (sm, rowIndex, keepExisting, record) {
  140.             if (Ext.get(gridRM.getView().getRow(rowIndex)).hasClass('mygrid-row-summary')) {
  141.                 return false;
  142.             }
  143.             return true;
  144.         });
  145.     }

  147.     // 页面AJAX回发后执行的函数
  148.     function onAjaxReady() {
  149. <font color="#0000ff">        var gridRM = X(gridClientIDRM);
  150.         calcGridSummaryRM(gridRM);</font>
  151.     }
  152.     </script>


  155. </body>
  156. </html>
复制代码



作者: treedun    时间: 2013-12-4 09:40
高手们帮看看啊，谢谢了啊，客户急需 5



欢迎光临 FineUI 官方论坛 (https://fineui.com/BBS/) Powered by Discuz! X3.4