ListView Dynamic Button with Javascript No Postback

Question

Hi,

I'm trying to add a button control to my ListView control dynamically in code behind with some JavaScript functionality added. I have a panel control in my ListView in order to add the button dynamically in the ItemDataBound event.

pnlContent.Controls.Add(new LiteralControl("<button onclick='alert('Hello World!');return false;'>Test Button Code Behind</button>"));  

However although the buttons appears once the page has loaded the source code appears as:

<button onclick="alert(" hello="" world!');return="" false;'="">Test Button Code Behind</button>  

So the JavaScript is not functional due to the additional ="" being added after each space (not sure why this is happening?). I would really appreciate any help or pointers as to where I'm going wrong?

Many thanks,
Daniel

Answer 1

Use the following string format.

pnlContent.Controls.Add(new LiteralControl(@"<button onclick=""alert('Hello World!');return false;"">Test Button Code Behind</button>"));  

It is usually a bad idea to create dynamic controls in Web Forms due to how state management works in the framework. I would simply add the button HTML to the ListView and let the ListView handle the rendering.

Answer 2

The @ fixed it - thank you!