jquery disable post back on button Asp.net

Question

I'm using Jquery UI and Autocomplete func.(Combobox) and I interested in this part.

$("<button>&nbsp;</button>")
                    .attr("tabIndex", -1)
                    .attr("title", "Show All Items")
                    .insertAfter(input)
                    .button({
                      icons: {
                        primary: "ui-icon-triangle-1-s"
                      },
                      text: false

My problem is when I use ASP.net, this button do PostBack, but I not need this because my list of items then gone. How can I override this behavior of button. Thanks

Alex · Accepted Answer · 2010-11-02 22:25:19Z

3

Add an id to your button

$("#yourbutton").click(function(e) { e.preventDefault(); });

answered Nov 2, 2010 at 22:25

Alex

3,6522 gold badges21 silver badges27 bronze badges

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

Comments

jcolebrand · Accepted Answer · 2010-11-02 22:25:05Z

2

give your button a click handler and return false and prevent default propagation

.click( function(event) { event.preventDefault(); return false; } );

tacked onto the end should give you the least of what you want.

The thing is that the button is being inserted inside a form. Any button inside a form causes the form to postback. That's default behavior for a browser, and is considered expected.

Does this help clarify why this is occuring on your asp.net application?

You may not need to return false, but I usually do.

answered Nov 2, 2010 at 22:25

jcolebrand

16k12 gold badges78 silver badges123 bronze badges

Collectives™ on Stack Overflow

jquery disable post back on button Asp.net

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related