Quantcast
Channel: ASP.NET AJAX + Ajax Control Toolkit (ACT)
Viewing all articles
Browse latest Browse all 5678

Button inside updatepanel causes full postback which uses jquery

$
0
0

Hi,

Iam using a button inside a div which will slide up when a small icon is clicked. This slide up navigation is happening using jquery slideup function.

When I click button, I don't want the entire page to cause post back. However my button click is causing a post back. I have been stuck up with this issue for last 1 week. Can you please help me in fixing the issue.

Please see the below code which Iam using

<asp:updatepanel runat="server" id="UpdSubmit_1" childrenastriggers="true" updatemode="Conditional"><contenttemplate><triggers><asp:AsyncPostBackTrigger ControlID="btnSubmit_1" EventName="Click" /></triggers><li><a href="javascript:void(0)"><div class="iconDetails commtSlideDetails"><div class="commentForm"><textarea id="txtComments_1" runat="server"></textarea><div class="commentsContainer clearfix"><asp:Button ID="btnSubmit_1" runat="server" Text="Submit" OnClick="btnSubmit_Click" OnClientClick="return fnValidateComment1();" /><input type="reset" class="cancelComment" value="Cancel" /><div class="commentInnerDetails"><div class="commentsCount"><span><i class="fa fa-comment-o"></i></span><span id="spCommentsCount_1" runat="server"></span></div><!--commentsCount--></div><!--ComentDetails--></div><!--commentsContainer--></div></div><!--iconDetails--></li></contenttemplate></asp:updatepanel><script type="text/javascript">
      window.onload = function () { load(); };$(document).ready(function () {
        Sys.WebForms.PageRequestManager.getInstance().add_endRequest(EndRequestHandler);$(".iconsOperate a").click(function (e) {
            if ($(this).next(".iconDetails").is(":hidden")) {$(".iconsOperate a").next(".iconDetails").slideUp(300);$(".iconsOperate a").removeClass("activeIcon");$(".iconsOperate a").children(".IconsOperateSmall").slideDown(400);$(".iconsOperate a").children(".ActiveIcon").slideUp(400);$(this).next(".iconDetails").slideDown(400);$(this).children(".IconsOperateSmall").slideUp(400);$(this).children(".ActiveIcon").slideDown(400);$(this).addClass("activeIcon");
            }
            else {$(".iconsOperate a").removeClass("activeIcon");$(".iconsOperate a").next(".iconDetails").slideUp(300);$(".iconsOperate a .IconsOperateSmall").slideDown(400);$(".iconsOperate a .ActiveIcon").slideUp(400);
            }
            e.stopPropagation();
        });
    });

    function load() {
        Sys.WebForms.PageRequestManager.getInstance().add_endRequest(EndRequestHandler);
    }
    function EndRequestHandler() {
        alert('You record has been saved successfully');

        $(document).ready(function () {$(".iconsOperate a").click(function (e) {
                if ($(this).next(".iconDetails").is(":hidden")) {$(".iconsOperate a").next(".iconDetails").slideUp(300);$(".iconsOperate a").removeClass("activeIcon");$(".iconsOperate a").children(".IconsOperateSmall").slideDown(400);$(".iconsOperate a").children(".ActiveIcon").slideUp(400);$(this).next(".iconDetails").slideDown(400);$(this).children(".IconsOperateSmall").slideUp(400);$(this).children(".ActiveIcon").slideDown(400);$(this).addClass("activeIcon");
                }
                else {$(".iconsOperate a").removeClass("activeIcon");$(".iconsOperate a").next(".iconDetails").slideUp(300);$(".iconsOperate a .IconsOperateSmall").slideDown(400);$(".iconsOperate a .ActiveIcon").slideUp(400);
                }
                e.stopPropagation();
            });
        });
    }</script>


Viewing all articles
Browse latest Browse all 5678

Trending Articles



<script src="https://jsc.adskeeper.com/r/s/rssing.com.1596347.js" async> </script>