使用javascript绑定gridview？

Question

这是我的场景，我已经实现了一个gridview，当用户按下页面上的添加按钮时，会使用javascript生成一个带有空输入文本的新行，之后用户填写输入并按下保存按钮，因此所有值都作为对象发送到处理数据插入的 Web 服务。之后我想刷新网格，绑定（刷新）我的gridview，因为我从一个html按钮插入数据，所以没有回发。我知道当您从 javascript 访问 gridview 时，它呈现为 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了解更多信息。