How to rebind datagrid in asp.net 1.1 without postback?

Question

I need to have datagrid(3 columns) to which the values will be added using 3 textboxes and a button(Add) on the same page. If click on Add button the value should append to datagrid without page refresh/reload?

Please guide me with your approaches to this problem? I ran out of search.

Quickest way would be to put the datagrid in an UpdatePanel, and rebind the datagrid on button_click event. Have a look here: http://stackoverflow.com/questions/7200234/bind-datagrid-using-ajax — tranceporter, Jan 18 '13 at 10:51
Oops! My mistake! I am not sure if you can do partial databinding in .net 1.1. Why not upgrade to latest framework if possible? The best I could find was this.. https://groups.google.com/forum/?fromgroups=#!topic/ajaxpro/KnlcBm0bFbI OR you could write you own custom grid like here: http://www.codeproject.com/Articles/33401/Ajax-Enabled-Gridview-using-JavaScript-in-ASP-NET — tranceporter, Jan 18 '13 at 10:56

score 1 · Answer 1 · answered Jan 18 '13 at 18:20

Have you considered using Ajax on the client-side? I presume that clicking the "Add" button is also supposed to update something on the back-end, which means you must do a round-trip of some kind. Either via a postback, but since you don't want this, then the only other option is Ajax whereby you'll make a separate asynchronous post to the back-end that will not cause a page refresh, and on the client script, inject the correct elements to "update" the grid on-screen. You could get that working as a prototype and then use knockout to simplfy the process.

I am trying to use AJAX only to achieve this. Lets see. – MduSenthil Jan 20 '13 at 05:13 — MduSenthil, Jan 20 '13 at 05:13

score 0 · Accepted Answer · answered Jan 26 '13 at 04:30

1) I have used iframe in my default aspx page. 2) Created a new aspx page "datagrid.aspx" and had my datagrid as the only control in that page and set the src attribute of iframe to "datagrid.aspx" 3) Datatable to be rendered in datagrid.aspx is stored in the session variable in page load of default.aspx. 4) In the pageload of datagrid.aspx datatable is retrieved and binded to the datagrid. 5) When an item to be added/updated/removed are sent through querystring parameters from default.aspx using onclick event (JS) of a html button by setting the iframe source attribute.

Hope this answer helps. If its not clear, Please comment.

How to rebind datagrid in asp.net 1.1 without postback?

2 Answers2