AJAX选项卡面板和绑定数据表

AJAX选项卡面板和绑定数据表,ajax,datatable,Ajax,Datatable,我试图找到一种方法,将数据表绑定到选项卡面板(在选项卡容器和模板中),而不必在page_init或page_load上进行绑定。或者将数据表绑定到gridview,然后将该gridview绑定到选项卡面板。我知道如何将数据表绑定到gridview,所以这是最简单的部分。我必须能够-点击一个按钮-在该选项卡容器中添加或创建多个选项卡 我希望用户能够单击按钮,运行一些查询,然后使选项卡容器可见,并在此时将数据表中的数据绑定到面板(然后将面板绑定到选项卡容器)。这样做多次 有人能举个例子或解释一下我是

我试图找到一种方法,将数据表绑定到选项卡面板(在选项卡容器和模板中),而不必在page_init或page_load上进行绑定。或者将数据表绑定到gridview,然后将该gridview绑定到选项卡面板。我知道如何将数据表绑定到gridview,所以这是最简单的部分。我必须能够-点击一个按钮-在该选项卡容器中添加或创建多个选项卡

我希望用户能够单击按钮,运行一些查询,然后使选项卡容器可见,并在此时将数据表中的数据绑定到面板(然后将面板绑定到选项卡容器)。这样做多次

有人能举个例子或解释一下我是如何做到这一点的吗?更新面板是我的答案吗?我在哪里可以找到一些好的例子

更新

我发现将数据绑定到Ajax选项卡中的gridview非常容易。当然,您需要在asp页面和web.config文件中声明脚本管理器ajax引用。您还需要将ajax css样式添加到现有样式表中。我试着用一个单独的,但没有用

ASP HTML

<AjaxToolkit:TabContainer ID="TabContainer1" runat="server" ActiveTabIndex="0" 
                            Visible="false" ScrollBars="Both"
                            CssClass="Tab2" Width="1326px" Height="464px" >

<AjaxToolkit:TabPanel ID="TabPanel1" runat="server" HeaderText="Empty" Enabled="true"    ScrollBars="Both" CssClass="Tab2">

<ContentTemplate>
<div style="overflow:auto;width:1287px; height: 418px;">
 <font color="white" size="1" face="Verdana">

 <asp:GridView ID="SalesOrderView1"     runat="server" BackColor="White"   BorderColor="#DEDFDE"visible="False"BorderStyle="None"      BorderWidth="1px" 
 CellPadding="4" ForeColor="Black" 
 GridLines="Vertical"     HorizontalAlign="Center">
 <AlternatingRowStyle      BackColor="White" />
 <FooterStyle BackColor="#CCCC99" />
 <HeaderStyle BackColor="#6B696B" Font-Bold="True" ForeColor="White" />
 <PagerStyle BackColor="#F7F7DE"    ForeColor="Black" HorizontalAlign="Right" />
 <RowStyle BackColor="#F7F7DE" />
 <SelectedRowStyle BackColor="#CE5D5A" Font-Bold="True" ForeColor="White" />
 <SortedAscendingCellStyle BackColor="#FBFBF2" />
 <SortedAscendingHeaderStyle BackColor="#848384" />
 <SortedDescendingCellStyle BackColor="#EAEAD3" />
  <SortedDescendingHeaderStyle BackColor="#575357" />
 </asp:GridView>
  </div>
  </font>
 </ContentTemplate>
   </AjaxToolkit:TabPanel>
      <AjaxToolkit:TabPanel ID="TabPanel2" runat="server" HeaderText="Empty" ScrollBars="Both" CssClass="Tab2">
 <ContentTemplate >
 </AjaxToolkit:TabContainer>
                        SalesOrderView1.Visible = true;
                        TabPanel1.Visible = true;
                        TabPanel1.HeaderText = Order_List[multi_order_count];