【问题标题】:ASP.NET - Ideal Control to Display a Pivot TableASP.NET - 显示数据透视表的理想控件
【发布时间】:2009-10-07 17:52:13
【问题描述】:

我正在尝试在数据绑定控件中显示一组表格数据,但我需要对表格进行透视,以便各个记录是表格列而不是表格行。最终结果是一个具有固定列数和可变行数的表,每行显示所有记录like this 的单个字段。由于必须为每个字段而不是每个记录定义

标签,因此中继器不是解决此问题的合适方法。我想知道是否有任何内置的 ASP.NET 控件可以实现我想要的。我正在关注 ListView 控件,但我不确定它是否真的能够实现我所描述的功能。

实际上,假设记录如下:

       Number Yardage Par  ...
(Hole)   1     300     4   ...
(Hole)   2     275     4   ...
(Hole)   3     390     5   ...
(Hole)  ...    ...    ...  ...

我需要展示:

           1   2   3   ...
Yardage:  300 275 390  ...
    Par:   4   4   5   ...
    ...:  ... ... ...  ...

除了使用

标签之外,一个可行的替代方法当然是使用 display: inline 和一些优雅的 CSS,但如果我可以保留 结构,那将是理想的。

谢谢!

【问题讨论】:

    标签: asp.net listview pivot-table databound-controls


    【解决方案1】:

    我最近遇到了同样的问题,在寻找答案时发现大多数解决方案都是围绕源数据进行透视。

    我突然想到问题不在于源数据,而在于我们希望呈现它的方式。尽管上面 Chris 的回答确实希望在渲染点更改数据,但我发现如果我需要模板化的网格视图,它就不够灵活。就在那时,可能更好的解决问题的方法是捕获网格的表格 HTML 标记并改变它 - 这实际上意味着该解决方案可以应用于绝对任何呈现表格标记的控件,以及包含的任何模板控件在它内部将继续工作。

    由于时间压力,我只实现了网格视图的解决方案;我最初想制作一个模板服务器控件,如果将任何控件放置在其中,它将检查它的标记输出并透视其中包含的任何表)

    无论如何,这是为网格视图实现此解决方案所需的代码。

    自定义服务器控制代码

    [ToolboxData("<{0}:PivotGridView runat=server></{0}:PivotGridView>")]
    public class PivotGridView : GridView
    {
        bool _pivotGrid = true;
    
        [Browsable(true)]
        public bool PivotGrid
        {
            get 
            { 
                return _pivotGrid; 
            }
            set 
            { 
                _pivotGrid = value; 
                EnsureChildControls(); 
            }
        }
    
        protected override void RenderContents(HtmlTextWriter output)
        {
            if (_pivotGrid)
            {
                System.IO.TextWriter baseOutputTextWriter = new System.IO.StringWriter();
                HtmlTextWriter baseOutputHtmlWriter = new HtmlTextWriter(baseOutputTextWriter);
    
                base.RenderContents(baseOutputHtmlWriter);
    
                output.Write(HtmlParserService.PivotHtmlTableMarkup(baseOutputTextWriter.ToString()));
            }
            else
            {
                base.RenderContents(output);
            }
        }
    }
    

    HTML 解析器服务代码,分离出来以便在其他地方轻松实现。

    //... using System.Text.RegularExpressions;
    
    public static class HtmlParserService
    {        
        /// <summary>
        /// Takes HTML markup locates any table definition held within it and returns that
        /// markup with the table HTML pivotted
        /// </summary>
        /// <param name="html"></param>
        /// <returns></returns>
        public static string PivotHtmlTableMarkup(string html)
        {
            html = ReplaceShorthandTableTags(html);
    
            int openingTableTagIndex;
            string openingTableTagText;
            int closingTableTagIndex;
            string tableContentText;
    
            tableContentText = GetTagContentText("table", html, out openingTableTagIndex, out openingTableTagText, out closingTableTagIndex);
    
            MatchCollection rows = GetTagMatches("tr", tableContentText);
            if (rows.Count > 0)
            {
                MatchCollection columns = GetTagMatches("(td|th)", rows[0].Value);
    
                StringBuilder pivottedTableMarkup = new StringBuilder();
    
                for (int i = 0; i < columns.Count; i++)
                {
                    pivottedTableMarkup.Append("<tr>");
                    foreach (Match row in rows)
                    {
                        if (row.Value.Length > 0)
                        {
                            columns = GetTagMatches("(td|th)", row.Value);
    
                            if (columns.Count>i)
                            {
                                pivottedTableMarkup.Append(columns[i].Value);
                            }
                        }
                    }
                    pivottedTableMarkup.Append("</tr>");
                }
    
                string preTableText = "";
                if (openingTableTagIndex > 1)
                {
                    preTableText = html.Substring(1, openingTableTagIndex);
                }
    
                string postTableText;
                postTableText = html.Substring(closingTableTagIndex, html.Length - closingTableTagIndex);
    
                string newHtmlWithPivottedTable;
                newHtmlWithPivottedTable = preTableText + openingTableTagText + pivottedTableMarkup.ToString() + postTableText;
    
                return newHtmlWithPivottedTable;
            }
            else
            {
                return html;
            }
    
        }
    
        /// <summary>
        /// Gets the content between the specified tag.
        /// </summary>
        /// <param name="tag">The tag excluding any markup (e.g. "table" not "<table>"</param>
        /// <param name="text">The xml text string to extract content from</param>
        /// <param name="openingTagIndex">Outputs the indexed position of the opening tag</param>
        /// <param name="openingTagText">Outputs the definition of the tag, e.g. it's attributes etc</param>
        /// <param name="closingTagIndex">Outputs the indexed position of the closing tag</param>
        /// <returns></returns>
        public static string GetTagContentText(string tag, string text, out int openingTagIndex, out string openingTagText, out int closingTagIndex)
        {
            string contentText;
    
            openingTagIndex = text.ToLower().IndexOf("<" + tag);
            openingTagText = text.Substring(openingTagIndex, text.IndexOf(">", openingTagIndex) - openingTagIndex+1);
            closingTagIndex = text.ToLower().LastIndexOf("</" + tag + ">");
    
            contentText = text.Substring(
                openingTagIndex + openingTagText.Length,
                closingTagIndex - (openingTagIndex + openingTagText.Length) );
    
            return contentText;
        }
    
        /// <summary>
        /// Returns a collection of matches containing the content of each matched tag
        /// </summary>
        /// <param name="tag">HTML tag to match.  Exclude opening and close angled braces.
        /// Multiple tags can be matched by specifying them in the following format (tag1|tag2),
        /// e.g. (td|th)</param>
        /// <param name="html"></param>
        /// <returns></returns>
        public static MatchCollection GetTagMatches(string tag, string html)
        {
            Regex regexp = new Regex(@"<" + tag + @"\b[^>]*>(.*?)</" + tag + @">", RegexOptions.IgnoreCase | RegexOptions.Singleline);
            return regexp.Matches(html);
        }
    
        /// <summary>
        /// Ensures any shorthand XML tags are full expressed, e.g.
        /// <td/> is converted to <td></td>
        /// </summary>
        /// <param name="value"></param>
        /// <returns></returns>
        private static string ReplaceShorthandTableTags(string value)
        {
            value=value.Replace("<tr/>", "<tr></tr>");
            value=value.Replace("<td/>", "<td></td>");
            value=value.Replace("<th/>", "<th></th>");
    
            return value;
        }
    
    
    }
    

    【讨论】:

      【解决方案2】:

      您最好的选择可能是创建自己的服务器控件。

      我通过创建扩展 GridView 的自定义服务器控件来完成类似的操作。然后,我旋转 DataSource 并在数据绑定上动态地将列添加到 gridview。

      我使用 GridView 方法来保持与我网站其他部分相似的外观和行为。或者,您可以创建一个更简单的自定义控件,在 Render 方法中为表格创建 html。

      祝你好运。

      编辑:这是一个如何根据表格制作服务器控件的示例(这并不难,但请注意我没有测试这个......):

      public class PivotTable : Control
      {
          protected Table pivotTable = new Table();
          private DataTable _datasource;
          [DesignerSerializationVisibility(DesignerSerializationVisibility.Content),
           Category("Data"), Browsable(true),
           Description("Gets and sets the DataSource for the Control.  Needs to be a DataTable")]
          public DataTable DataSource
          {
              get { return _datasource; }
              set
              {
                  if (value.GetType() == typeof(DataTable))
                  {
                      throw new Exception("DataSource must be a DataTable.");
                  }
                  _datasource = value;
              }
          }
      
          public override ControlCollection Controls
          {
              get
              {
                  EnsureChildControls();
                  return base.Controls;
              }
          }
      
          protected override void CreateChildControls()
          {
              Table tbl = new Table();
              foreach (DataColumn dc in DataSource.Columns)
              {
                  TableRow tr = new TableRow();
                  TableHeaderCell header = new TableHeaderCell();
                  header.Text = dc.ColumnName;
                  tr.Controls.Add(header);
      
                  foreach (DataRow dr in DataSource.Rows)
                  {
                      TableCell tc = new TableCell();
                      tc.Text = dr[dc.ColumnName].ToString();
                      tr.Controls.Add(tc);
                  }
      
                  tbl.Controls.Add(tr);
              }
      
              Controls.Add(tbl);
          }
      }
      

      【讨论】:

      • 这不是一个坏建议。一段时间以来,我一直想让自己学习如何构建模板化控件。 :)
      【解决方案3】:

      您可以使用表格组件,但您需要努力工作才能得到您想要的。对我来说最好的解决方案是使用 GridView。您可以将透视结果集填充到数据表并动态创建数据表列和行。当您获得所需的格式时,您可以将数据表绑定到 GridView。

      我以前做过类似的事情,它更容易实现,而不是尝试创建自己的控件。

      【讨论】:

        【解决方案4】:

        第三方交叉表控件可用。 DevXpress ASPxPivotGrid 首先出现在脑海中。

        如果您需要交叉表纯粹用于独立的非交互式报表,那么您可以考虑使用单独的报表工具并将报表嵌入到 ASP.NET 报表查看器控件中。 SQL Server Reporting Services 2008 有一个很好的tablix region 用于表格和矩阵数据。 Telerik Reporting 也有交叉表。

        但是,如果您的需求简单且定义明确,那么按照建议推出 HTML 表格控件可能是最快的解决方案。

        【讨论】:

          猜你喜欢
          • 1970-01-01
          • 1970-01-01
          • 1970-01-01
          • 2014-03-07
          • 2017-04-10
          • 1970-01-01
          • 1970-01-01
          • 1970-01-01
          • 1970-01-01
          相关资源
          最近更新 更多