Bind control's ID property to object property

Question

I have the following repeater control, which is bound to collection of DashboardPage objects. DashboardPage has the following properties: Name, Pagenumber . " onmouseover="<%# GetMouseOverEventString(Container.DataItem) %>" onmouseout="<%# GetMouseOutEventString(Container.DataItem) %>" />    I want to bind ImageButton's ID property to Name property of DashboardPage object, something like this ID="<%# Eval('Name') %>" But an exception is thrown: The ID property of a control can only be set using the ID attribute in the tag and a simple value. I need the ID property of the image, because I have a client side script which changes the image, using the it's ID. Is there a way around this? Thanks for replies Regards Gagik Kyurkchyan JavaScript questions and answers, JavaScript questions pdf, JavaScript question bank, JavaScript questions and answers pdf, mcq on JavaScript pdf, JavaScript questions and solutions, JavaScript mcq Test , Interview JavaScript questions, JavaScript Questions for Interview, JavaScript MCQ (Multiple Choice Questions)

Answer 1

Since you have found you cannot dynamically set the ID of a server control you need to find an alternative way of referencing your image using JavaScript. There are three ways I can think of: Set the CssClass property of the control and use that instead. It's a little more inefficient to find a control by class rather than ID using DOM, but that is probably negligible in the real world. Wrap your image in a standard DIV. and set the ID on the container DIV. You can then use something like jQuery to go $("#divid img")... Use a standard tag (with no runat="server") rather than an asp:Image control. You can then set the ID on that without issue.