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">&nbsp;<%#((DataRowView)Container.DataItem)["pName"]%><br>
                 &nbsp;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(); // 數據綁定
         }