オブジェクトのプロパティへのコントロールのIDプロパティのバインド

Question

DashboardPageオブジェクトのコレクションにバインドされた次のリピータコントロールがあります。 DashboardPageのプロパティは次のとおりです。名前、ページ番号。

<asp:Repeater ID="reportPages" runat="server">   
     <ItemTemplate> 
     <asp:ImageButton runat="server" onclick="ImageButton_Click" 
     ImageUrl="<%# GetImagePath(Container.DataItem) %>" 
     onmouseover="<%# GetMouseOverEventString(Container.DataItem) %>" 
     onmouseout="<%# GetMouseOutEventString(Container.DataItem) %>" 
     /> 
     </ItemTemplate> 

     <SeparatorTemplate> 
     &nbsp;&nbsp; 
     </SeparatorTemplate> 
    </asp:Repeater> 

私は、DashboardPageオブジェクトのプロパティに名前を付けるために、この

ID="<%# Eval('Name') %>" 

ような何かをのImageButtonのIDプロパティをバインドしたい。しかし、例外がスローされます。

コントロールのIDプロパティことができますタグ内のID属性と単純な値を使用してのみ設定できます。

イメージのIDプロパティを使用してイメージを変更するクライアントサイドスクリプトがあるため、イメージのIDプロパティが必要です。これを回避する方法はありますか？返信用

おかげ

よろしく Gagik Kyurkchyan

Answer 1

あなたが動的にJavaScriptを使用して画像を参照する別の方法を見つける必要があるサーバーコントロールのIDを設定することはできません発見したので。私が考えることができる3つの方法があります：

1. コントロールのCssClassプロパティを設定し、代わりにそれを使用します。 DOMを使用したIDではなくクラス別のコントロールを見つけるのは少し非効率ですが、現実世界ではおそらく無視できます。

2. 画像を標準DIVにラップします。コンテナIDをDIVに設定します。その後、$("#divid img")...

3. は（なしrunat="server"付き）標準<img>タグではなくasp:Imageコントロールを使用して行くためにjQueryのようなものを使用することができます。その後、問題なくIDを設定することができます。

Answer 2

IDを設定するには、ItemDataBoundを使用できます。

分離コード：

protected void myRepeater_ItemDataBound(object sender, RepeaterItemEventArgs e) 
{ 
    var textbox = e.Item.FindControl("myTextBox"); 
    textbox.ID = "myTextBox" + (e.name).toString(); /*ToString() method can be unnecessary in some cases.*/ 
} 

リピータ：

<asp:Repeater ID="myRepeater" runat="server" OnItemDataBound="BehaviorCustomizeRepeater_ItemDataBound"> 
/*other stuffs*/ 
</asp:Repeater>