DataGrid自动编号之黄金版

自动编号的用处很多，查看共有多少条数据，可以给你自动生成的Div，HTML控件进行命名，可以准确的操作这个控件，DataGrid、DataList、Repeater等绑定控件中都可以运用到，方便实用。

一、正序

序号内容
1 a
2 b
3 c
4 d

A、AllowPaging=False情况下

<asp:DataGrid id="DataGrid1" runat="server">
    <Columns>
     <asp:TemplateColumn>
      <ItemTemplate>
       <%# Container.ItemIndex + 1%>
      </ItemTemplate>
     </asp:TemplateColumn>
    </Columns>
</asp:DataGrid>

推荐方法：
<asp:DataGrid id="DataGrid1" runat="server">
    <Columns>
     <asp:TemplateColumn>
      <ItemTemplate>
       <%# this.DataGrid1.Items.Count + 1%>
      </ItemTemplate>
     </asp:TemplateColumn>
    </Columns>
</asp:DataGrid>

从上面来看就是在ItemCreated事件中进行绑定所以得到的Items.Count刚好是当前的序号]

B、AllowPaging="True"下
如果你DataGrid支持分页则可以如下

<asp:DataGrid id="DataGrid1" runat="server" AllowPaging="True">
    <Columns>
     <asp:TemplateColumn>
      <ItemTemplate>
       <%# this.DataGrid1.CurrentPageIndex * this.DataGrid1.PageSize + Container.ItemIndex + 1%>
      </ItemTemplate>
     </asp:TemplateColumn>
    </Columns>
</asp:DataGrid>

C、.cs文件后台生成

private void DataGrid1_ItemDataBound(object sender, System.Web.UI.WebControls.DataGridItemEventArgs e)
{
//当项被数据绑定到 DataGrid 控件后，将引发 ItemDataBound 事件
if(e.Item.ItemIndex!=-1)
{
e.Item.Cells[0].Text=(this.DataGrid1.CurrentPageIndex*this.DataGrid1.PageSize+e.Item.ItemIndex+1).ToString();
}
}

二、倒序的方法

序号内容
4 d
3 c
2 b
1 a

由上面可以知道使用
this.DataGrid1.Items.Count - Container.ItemIndex + 1方法是不可能实现的，得到值而且全会为1
分页的情况下更是一样.所以一开始我们就要取得数据源的行数

.cs:

             private int rowscount = 0;
         protected int RowsCount
         {

              get{ return rowscount;}
              set{ this.rowscount = value; }
         }

         private void Page_Load(object sender, System.EventArgs e)
         {
              if(!IsPostBack)
                   this.BindData(); // 数据绑定
         }

        .aspx:

<asp:DataGrid id="DataGrid1" runat="server" AllowPaging="True">
                            <Columns>
                                   <asp:TemplateColumn>
                                          <ItemTemplate>
                                                 <%# RowsCount - DataGrid1.CurrentPageIndex * DataGrid1.PageSize - Container.ItemIndex %>
                                          </ItemTemplate>
                                   </asp:TemplateColumn>
                            </Columns>
                     </asp:DataGrid>
当然如果是不是分页的情况一下更容易实现了.

三用法举例
功能：自动生成Div的ID，并进行隐藏、显示操作。
JS:
function showsContent(objhref,pid)
{
var divid = 'div'+pid;
var obj = document.getElementById(divid);
if(obj.style.display == "none")
{
  obj.style.display = "block";
  objhref.innerHTML = "隐藏信息";
}
else
{
  obj.style.display = "none";
  objhref.innerHTML = "基本信息";
}
}
Aspx:
<asp:datalist id="DataList1" runat="server" Width="630px" DataKeyField="pid" ShowFooter="False" ShowHeader="False" RepeatDirection="Horizontal" RepeatColumns="1">
            <ItemTemplate>
             <TABLE height="37" cellSpacing="0" cellPadding="0" width="630" align="center" border="0">
              <TR>
               <TD><span class="vlink" onclick='javascript:showsContent(this,<%#Container.ItemIndex%>)'>
                 基本信息</span></td>
              </TR>
              <TR>
               <TD style="COLOR: #827f7f" colSpan="2" valign="top" align="left">
                <DIV style="LINE-HEIGHT: 18px" id='div<%#Container.ItemIndex%>' style="display:none"> <%#((DataRowView)Container.DataItem)["pName"]%><br>
                  Tag标签：<%#((DataRowView)Container.DataItem)["pContent"]%></DIV>
               </TD>
              </TR>
              <TR>
               <TD colSpan="2" bgcolor="#ececec" height="1" width="100%">
               </TD>
              </TR>
             </TABLE>
            </ItemTemplate>
           </asp:datalist>

.Cs:

private void Page_Load(object sender, System.EventArgs e)
         {
              if(!IsPostBack)
                   this.BindData(); // 数据绑定
         }