如何在按钮单击时附加到 DataGrid 而无需在 VB 中重新加载页面答案

【问题标题】：How to append to DataGrid on button click without page reload in VB如何在按钮单击时附加到 DataGrid 而无需在 VB 中重新加载页面
【发布时间】：2021-06-26 14:08:24
【问题描述】：

我有一个从数据库返回字符串的方法，它最初被添加到数据网格中。现在我想更改实现，以便在完全呈现后，用户可以单击按钮并将字符串附加到 Datagrid，而无需再次重新加载页面。

   Private Sub GetCustomerAlternateChannels()

        Dim accountNo = GenericManager.decryptQueryString(Request.QueryString("AccountNumber"))
        Dim CustomerChannels = GetCustomerDetails(accountNo)
        Dim mobileOne As String = CustomerChannels.mobileOne + "/" + CustomerChannels.mobileOneStatus
        Dim mobileTwo As String = CustomerChannels.mobileTwo + "/" + CustomerChannels.mobileTwoStatus
        Dim mobileThree As String = CustomerChannels.mobileThree + "/" +CustomerChannels.mobileThreStatus
        Dim mobileFour As String = CustomerChannels.mobileFour + "/" + CustomerChannels.mobileFourtatus
        Dim mobileFive As String = CustomerChannels.mobileFiveStatus



        Dim ChannelTable As New DataTable
        ChannelTable.Columns.Add("Mobile One")
        ChannelTable.Columns.Add("Mobile Two")
        ChannelTable.Columns.Add("Mobile Three")
        ChannelTable.Columns.Add("Mobile Four")
        ChannelTable.Columns.Add("Mobile Five")
        ChannelTable.Rows.Add(mobileOne, mobileTwo , mobileThree , mobileFour , mobileFive )
        DataGrid1.DataSource = ChannelTable
        DataGrid1.DataBind()
    End Sub

这是视图。我希望用户单击此按钮以获取“” 并调用上述方法并附加无需重新加载页面

 <div class="purplebackground"  style="color:#ffffff; margin-top: 5px; font-size: 12px">
             <p  style="font-weight: 700; font-weight: 700; margin-left: 10px; font-weight: normal; font-size: 14px;">Alternate Channel </p>   
                <asp:Button ID="btnSubmit" runat="server" CssClass="button_alt_2" Text="Submit" OnClick="btnSubmit_Click" />
            <asp:DataGrid ID="DataGrid1" runat="server" style="width: 100%; margin-top: -8px; font-weight: 600; border: 1px solid #5c2684;">  
             </asp:DataGrid> 
        </div>

【问题讨论】：

标签： asp.net ajax vb.net webforms asp.net-ajax

【解决方案1】：

我让它与 asp:UpdatePanel 一起工作我所做的只是用 asp:UpdatePanel 包装数据网格并创建一个点击事件

<asp:UpdatePanel ID="UpdatePanel4" runat="server" class=""  style="color:#ffffff; margin-top: 5px; font-size: 12px">
    <ContentTemplate>
       <p  style="font-weight: 700; font-weight: 700; margin-left: 10px; font-weight: normal; font-size: 14px;">Channels<span> <asp:Button ID="availableChannel" runat="server" Text="Get channels"  CssClass="tdcolor" /> </span></p>
          <asp:DataGrid ID="DataGrid1" runat="server" style="width: 100%; margin-top: -8px; font-weight: 600; border: 1px solid #5c2684;">  
          </asp:DataGrid>         
    </ContentTemplate>
</asp:UpdatePanel>

【讨论】：

【解决方案2】：

使用更新面板避免回发。

 <asp:UpdatePanel ID="UpdatePanel4" runat="server">
    <ContentTemplate>

    // Write your code here

    </ContentTemplate>
  </asp:UpdatePanel>

【讨论】：