How to prevent asp.net ajax postback with JQuery?

Question

<script type="text/javascript" language="javascript">
    function pageLoad(sender, args) {
        $('#bvft').addClass("bvft");

        $('#new').live('click', function() {
            $('#bvft').removeClass("bvft");
            $('#bvft').show("slow");
        });

        $('.ddlFrTime').change(function() {
            var vFTime = $('.ddlFrTime').val();

            if (vFTime != "") {
                $('#bvft').removeClass("bvft");
                $('#bvft').show("slow");
            }
            else { alert("sorry"); }
        }); 
    }        
</script>

In $('#bvft'), I have one dropdownlist

<asp:DropDownList ID="ddlFrTime" runat="server" Width="250px" CssClass="ddlFrTime" AutoPostBack="true"
                                    OnSelectedIndexChanged="ddlFrTime_SelectedIndexChanged">
                                </asp:DropDownList>

$(#bvft) is div id. $('#new') is button id. When page load, I want to disable. It works perfect. When I click the button, $(#bvft) div will show. But the problem is (in div, I have dropdownlist) when I select dropdownlist, the postback will work. At this time div is automatically hide back. How to prevent for this. Actually I used function pageLoad() to prevent postback. But it's not working.

does return false work? I know it stops the href action of a link. Worth a try I guess — PostMan
– PostMan, Commented May 11, 2011 at 2:59
do u mean 'return false' for button? if you mean like this... button is okay no problem... the problem is dropdownlist postback. thanks for reply... — CMMaung
– CMMaung, Commented May 11, 2011 at 3:02
@PostMan I changed like this '$('.ddlFrTime').change(function() { var vFTime = $('.ddlFrTime').val(); if (vFTime != "") { $('#bvft').css('display', 'block'); $('#bvft').show("slow"); } return false; }); ' But not okay :( — CMMaung
– CMMaung, Commented May 11, 2011 at 3:11

mluker · Accepted Answer · 2011-05-11 03:30:16Z

2

Set autopostback to false for the dropdownbox

answered May 11, 2011 at 3:30

mluker

7128 silver badges27 bronze badges

Sign up to request clarification or add additional context in comments.

3 Comments

CMMaung Over a year ago

if i set autopostback to false, how to do for dropdownlist selectedIndexChanged?

mluker Over a year ago

Your page has to post if you want to fire that event.

Litash Over a year ago

@CMMaung what behavior you want in your selectedIndexChanged event? Does it have to be done in server side? if not, maybe you can do it with js

CMMaung · Accepted Answer · 2011-05-12 01:12:19Z

-1

Now I got an answer... I put some code after function pageLoad()... like this

function pageLoad(sender, args) {
        if (!args.get_isPartialLoad()) {
            $('#bvft').slideUp('slow');
        }
        else {
            $('#bvft').slideDown('slow');
        }
    }

It will work pretty... no problem for postback...

answered May 12, 2011 at 1:12

CMMaung

1655 gold badges11 silver badges27 bronze badges

1 Comment

CMMaung Over a year ago

@iamserious which part you are not clear? you need to use that one if (!args.get_isPartialLoad())

Collectives™ on Stack Overflow

How to prevent asp.net ajax postback with JQuery?

2 Answers 2

3 Comments

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

3 Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related