Add New Row into grid view using javascript.

[amitjain123]

Hi All,

I need one solution.

I have list box and grid view on screen. I want to add selected item of list box into grid view as row. Using javascript.

Can we do this?
Is any alternative to implement this without post back and without ajax?

Can we do this by creating html table ? if yes then let me know hint.

Thank you
Jayraj Todkar.

[Frinavale]

It would be easier to do this without using JavaScript simply because you're dealing with .NET controls.

You can implement it so that the ListBox has AutoPostback = "true". Whenever the selected index of the ListBox changes it will post back to the server.

You can handle the ListBox's SelectedIndexChanged event in your code and implement it in such a way that it adds a row to the GridView.

[amitjain123]

Hey,

Appreciate your quick response to this problem.I am sure It will definitely help to resolve the problem. But I have a constraint here. I need to implement the functionality without any post back or without using AJAX.
Is there any way to achieve it without postback ?

Many thanks
Jayraj.

[Frinavale]

Sure there's a way to do this.
I would recommend running your application to see how the ListBox is rendered in the browser (I believe it's a <select>). Once you know this you'll have to develop your JavaScript methods to add the selected items to the GridView (that's rendered as a <table>).