給Repeater控件裏添加序號的5種方法javascript
.net是目前很是熱門的一種程序編譯語言,在.net培訓中的衆多知識點中,給Repeater控件裏添加序號的5種方法是很是重要的一個。下面就由達內的老師爲你們介紹一下這方面的內容。java
Repeater是咱們常常用的一個顯示數據集的數據控件,常常咱們但願在數據前顯示數據的序號,那麼咱們該怎麼爲Repeater控件添加序號呢?下面編輯爲你們介紹幾種經常使用的爲Repeater控件添加序號的方法:this
方法一:
利用Container.ItemIndex屬性,代碼以下:spa
<Itemtemplate >
<%# Container.ItemIndex + 1% >
</Itemtemplate >.net
方法二:
利用Repeater的Items.Count屬性,代碼以下:server
<Itemtemplate >
<%# this.Repeater.Items.Count + 1% >
</Itemtemplate >ip
方法三:
利用JS在前臺給一個Label標籤賦值,代碼以下:get
在.aspx中添加一個Label控件,用來顯示序號。it
<Label ID="label" runat="server" ></Label >io
JS代碼:
<body onload="show()" >
<Script Language="javascript" >
function show()
{
var bj = document.all.tags("Label經解釋後生成的Html標籤");
for (i=0;i<obj.length;i++)
{
document.all["Label經解釋後生成的Html標籤"][i].innerHTML=i+1;
}
}
</script >
該方法需注意的地方比較多,不推薦使用。
方法四:在後臺中實現,代碼以下:
在.aspx裏添加一個Label控件
<asp:Label id="Label1" runat="server" ></asp:Label >
在.cs裏添加代碼:
void InitializeComponent()
{
this.Repeater1.ItemDataBound += new System.Web.UI.WebControls.RepeaterItemEventHandler(this.Repeater1_ItemDataBound);
this.Load += new System.EventHandler(this.Page_Load);
}
void Repeater1_ItemDataBound(object source, System.Web.UI.WebControls.RepeaterItemEventArgs e)
{
if(e.Item.ItemType == ListItemType.Item || e.Item.ItemType == ListItemType.AlternatingItem)
{
((Label)e.Item.FindControl("Label1")).Text = Convert.ToString(e.Item.ItemIndex + 1);
}
}
方法五:爲Repeater控件添加連續的編號,翻頁後序號接前上一頁的序號,代碼以下:
<%# Container.ItemIndex + 1 + (this.AspNetPager.CurrentPageIndex -1)*每頁的數據數量 >
關於給Repeater控件裏添加序號的5種方法的內容已經由達內培訓的講師爲您介紹完了,但願本文的內容可以對學員們有所幫助。