Привязать gridview с помощью JavaScript?

Question

Вот мой сценарий, я реализовал просмотр сетки, когда пользователь нажимает кнопку добавления на странице, генерируется новая строка с пустыми текстами ввода с использованием javascript, после чего пользователь заполняет ввод и нажимает кнопку сохранения, таким образом все значения отправляются как объект в веб-сервис, который обрабатывает вставку данных. после этого я хочу обновить сетку, привязать (обновить) мой gridview, и так как я вставляю данные из кнопки html, обратной передачи нет. Я знаю, что когда вы получаете доступ к gridview из javascript, он отображается как таблица HTML, есть ли способ привязать к нему данные, есть ли какое-нибудь решение?

Answer 1

это зависит от вашей структуры GridView, конечно, вы можете использовать модель HTML DOM, чтобы изменить ее и вставить новую строку в конце gridview.но для достижения этой цели требуется много ручных усилий и больше шансов на ошибку.

другим подходом может быть использование UpdatePanel.

  <ajax:UpdatePanel ID="UpdatePanel" runat="server" UpdateMode="Conditional"> 
                            <ContentTemplate> 
                                    <asp:GridView ID="GridView" Visible="false" runat="server"  HeaderStyle-Width="200" HeaderStyle-BackColor="#2B6292" HeaderStyle-ForeColor="White"  
                                    AllowSorting="true" AllowPaging="true" Width="600" AutoGenerateColumns="False" OnRowCreated="GridView_OnRowCreated"  
                                    DataKeyNames="Id" onsorting="GridView_OnSort"> 
                                            <Columns> 
                                                    ... 
                                            </Columns> 
                                    </asp:GridView> 
                            </ContentTemplate> 
                            <Triggers> 
                                    <ajax:AsyncPostBackTrigger ControlID="CreateButton"/> 
                            </Triggers> 
                    </ajax:UpdatePanel> 

см. http://blogs.microsoft.co.il/blogs/dorony/archive/2008/05/23/using-updatepanel-to-disable-gridview-view-state.aspx длябольше информации.