使用javascript绑定gridview?

时间:2011-12-07 14:04:49

标签: c# javascript asp.net gridview

这是我的场景,我已经实现了一个gridview,当用户按下页面上的添加按钮时,使用javascript生成一个带有空输入文本的新行,之后用户填写输入并按下保存按钮,从而所有值都作为对象发送到处理数据插入的Web服务。之后我想刷新网格,绑定(刷新)我的gridview,因为我从html按钮插入数据没有回发。我知道当你从javascript访问gridview它呈现为一个HTML表有一种方法我可以绑定数据,有没有解决方案?

1 个答案:

答案 0 :(得分:2)

这个东西取决于你的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了解详情。