Question

我有一个ajax面板（实际上它是一个Rad Ajax面板 - 行为类似于一个Ajax更新面板，其中包含ContentTemplate部分中的所有内容，没有触发器），带有图像按钮（asp：ImageButton）和一个按钮（ ASP：按钮）

我注意到它们的行为不同 - 当按钮没有时，图像按钮前进到回发（Page_Load和Button_Click服务器功能）！

如何使用Button实现此行为？（用ImageButton替换Button解决了问题......有没有办法维护Button并具有ImageButton的行为？）

这是我的代码看起来像（两个按钮，两个单击功能和两个客户端点击功能）：

<telerik:RadScriptManager ID="RadScriptManager1" runat="server">
</telerik:RadScriptManager>

<div style="width: 800px;">
    <telerik:RadAjaxPanel ID="RadAjaxPanel1" runat="server" LoadingPanelID="RadAjaxLoadingPanel1">

    <telerik:RadScriptBlock ID="RadScriptBlock1" runat="server">
        <script type="text/javascript">
            function validateSave() {
                // ...
                return true;                    
            }

            function validateAdd() {
                // ...
                return true; 
            }                                       
         </script>
    </telerik:RadScriptBlock>

    <asp:Panel ID="Panel1" runat="server" Visible="false">
    <fieldset>
        <legend>New item</legend>
        <%--..........--%>
        <asp:ImageButton ID="Button4" runat="server" 
        ImageUrl="~/App_Themes/ThemeDefault/images/add.gif"
        OnClientClick="return validateAdd();" 
        OnClick="Button4_Click" />
    </fieldset>


    <%--..........--%>
    <asp:Button ID="Button2" runat="server"                                
    OnClientClick="return validateSave();" 
    Text="Save" ToolTip="Save" OnClick="Button2_Click" />
</asp:Panel>


</telerik:RadAjaxPanel>                

<telerik:RadAjaxLoadingPanel ID="RadAjaxLoadingPanel1" runat="server">
</telerik:RadAjaxLoadingPanel>        

</div>

Answer 1

使用按钮时，UpdatePanel通常会出现问题。您可以轻松地将Button移出UpdatePanel。毕竟，UpdatePanel中的内容越多，异步回发就越慢。

ajax更新面板 - imagebutton和按钮表现不同？

1 个答案: