Telerik 控件上的更新面板答案

【问题标题】：Update panel on Telerik controlTelerik 控件上的更新面板
【发布时间】：2017-07-11 18:05:16
【问题描述】：

在我的 asp.net 应用程序中，有几个动态创建的下拉和文本框控件。因此，在获取数据时选择下拉菜单时，我想在 div 上显示更新进度。此外，我不想回电，因此不应刷新整个页面。这是我的代码

 <div class="col-md-2">
        <div class="filter-section">
            <table>
                <tr>
                    <td>

                            <asp:Panel ID="ControlsParent" ViewStateMode="Enabled" ClientIDMode="Static" runat="server"></asp:Panel>       
                    </td>
                </tr>
                <tr>
                    <td>
                        <asp:Button ID="BtnShowReport" runat="server" ClientIDMode="Static" CssClass="btn btn-primary btn-block" Text="Show Report" OnClick="BtnShowReport_Click" />
                    </td>

                </tr>
            </table>
        </div>
    </div>

我是 Telerik 的新手，所以不知道如何使用。

【问题讨论】：

标签： c# asp.net telerik

【解决方案1】：

将代码放在更新面板中，我使用的是简单的 asp，没有使用 Telerik：

// 你在这里写代码

</ContentTemplate>
</asp:UpdatePanel>
 <asp:UpdateProgress DynamicLayout="true" ID="upProgSearch" DisplayAfter="1500" runat="server"   >
    <ProgressTemplate>
        <div id="progressBackgroundFilter"></div>
        <div id="processMessage" style="width:100px;">
            <asp:Image ID="Image1" ImageUrl="~/images/Loading.gif" runat="server" />
        </div>
    </ProgressTemplate>
</asp:UpdateProgress>

为了防止自动回发，请在更新面板中使用<triggers> 标记并使用<asp:AsyncPostBackTrigger> 并指定导致回发的事件名称并且您不想要。

【讨论】：