现在的位置: 首页 > 综合 > 正文

asp.net 2.0 中引入的GridView控件当其数据源为空时(GridView.DataSource=null)不能显示出表头-转

2012年11月15日 ⁄ 综合 ⁄ 共 3178字 ⁄ 字号 评论关闭
解决:

  方法一:采用其EmptyTemplate来实现,模版中写一个静态的table;

  如果你的表头只是html的文本,没有任何控件。你可以在表头显示出来的时候,拷贝表头部分的html,然后放到EmptyDataTemplate里面。

  缺点: 麻烦,每个GridVIew都需要设置一下。

  方法二: 若数据源为DataTable,则当无数据时,始终返回一个空行的DataTable;

  若数据源是集合类(ArrayList,List<T>等),无数据时,生成一个空的实体,加入到集合类中。

  缺点: 还是麻烦。

  方法三:

  也是要给大家介绍的方法: 扩展GridView来实现。继承GridVie,重写Render方法,当其数据源为空时做一下处理,直接看代码吧:

  /// <summary>

  /// GridView 扩展控件

  /// </summary>

  public class GridView : System.Web.UI.WebControls.GridView

  {

  private bool _enableEmptyContentRender = true ;

  /// <summary>

  /// 是否数据为空时显示标题行

  /// </summary>

  public bool EnableEmptyContentRender

  {

  set { _enableEmptyContentRender = value; }

  get { return _enableEmptyContentRender; }

  }

  private string _EmptyDataCellCssClass ;

  /// <summary>

  /// 为空时信息单元格样式类

  /// </summary>

  public string EmptyDataCellCssClass

  {

  set { _EmptyDataCellCssClass = value ; }

  get { return _EmptyDataCellCssClass ; }

  }

  /// <summary>

  /// 为空时输出内容

  /// </summary>

  /// <param name="writer"></param>

  protected virtual void RenderEmptyContent(HtmlTextWriter writer)

  {

  Table t = new Table(); //create a table

  t.CssClass = this.CssClass; //copy all property

  t.GridLines = this.GridLines;

  t.BorderStyle = this.BorderStyle;

  t.BorderWidth = this.BorderWidth;

  t.CellPadding = this.CellPadding;

  t.CellSpacing = this.CellSpacing;

  t.HorizontalAlign = this.HorizontalAlign;

  t.Width = this.Width;

  t.CopyBaseAttributes(this);

  TableRow row = new TableRow();

  t.Rows.Add(row);

  foreach (DataControlField f in this.Columns) //generate table header

  {

  TableCell cell = new TableCell();

  cell.Text = f.HeaderText;

  cell.CssClass = "TdHeaderStyle1"; //这里把表头样式写死了

  row.Cells.Add(cell);

  }

  TableRow row2 = new TableRow();

  t.Rows.Add(row2);

  TableCell msgCell = new TableCell();

  msgCell.CssClass = this._EmptyDataCellCssClass;

  if (this.EmptyDataTemplate != null) //the second row, use the template

  {

  this.EmptyDataTemplate.InstantiateIn(msgCell);

  }

  else //the second row, use the EmptyDataText

  {

  msgCell.Text = this.EmptyDataText;

  }

  msgCell.HorizontalAlign = HorizontalAlign.Center;

  msgCell.ColumnSpan = this.Columns.Count;

  row2.Cells.Add(msgCell);

  t.RenderControl(writer);

  }

  protected override void Render(HtmlTextWriter writer)

  {

  if ( _enableEmptyContentRender && ( this.Rows.Count == 0 || this.Rows[0].RowType == DataControlRowType.EmptyDataRow) )

  {

  RenderEmptyContent(writer);

  }

  else

  {

  base.Render(writer);

  }

  }

  }

  }

我查了下CSDN,解决方法如下:

绑定之前判断datatable是否为空
如果为空 手工加入一行数据
         da.Fill ( ds, "data" );

         if ( ds.Tables [ "data" ].Rows.Count == 0 )
         {
             ds.Tables [ "data" ].Columns.Clear ();
             ds.Tables [ "data" ].Columns.Add ( "emp_id" );
             ds.Tables [ "data" ].Columns.Add ( "fname" );
             ds.Tables [ "data" ].Columns.Add ( "job_id" );
             DataRow dr = ds.Tables [ "data" ].NewRow ();
             dr [ "emp_id" ] = "No";
             dr [ "fname" ] = "Record";
             dr [ "job_id" ] = "Found";
             ds.Tables [ "data" ].Rows.Add ( dr );
         }
         if ( !IsPostBack )
         {
             this.GridView1.DataSource = ds.Tables [ "data" ];
             this.GridView1.DataBind ();
         }
注意data emp_id fname job_id分别都是对应你自己的!!!

当然还可以通过js客户端来实现

2.编辑GridView 的EmptyDataTemplate模板
在其中放入无数据时想要显示的东西
比如一张表格,表格中只有GridView 表头和一个空行
这样在无数据时就显示这张表,看起来好像是显示了一个空数据的GridView,其实是这张表
我水平有限只有这个办法了,呵呵,我刚才试了试能用
如果不用EmptyDataTemplate模板,可以设置GridView 的EmptyDataText属性,这样只显示一句话和一个边框

抱歉!评论已关闭.