How to dynamically add button to jQuery-UI button-set?

Question

I am looking for a way to add a button to a jQuery button-set at run-time with JavaScript.

        if(response.success) {
            var menuItem = document.createElement('a');

            $(menuItem).attr('href', response.href);
            $(menuItem).attr('category-id', response.id);
            $(menuItem).text(title);

            $("#menu-buttonset").append(menuItem);
        }

I am adding the hyperlink to the div container of the button-set using JavaScript, and then re-calling buttonset() on the container.

 $("#menu-buttonset").buttonset();

This however does not seem to rebuild the button-set as I expected.

I am not seeing any function in the jQuery API for this either.

Can anyone provide some insight?

Resolved:

Using refresh method as suggested, rebuilt the button-set.

$('#menu-buttonset').buttonset('refresh');

Is $(categoryItemSelector).parent() same as $("#menu-buttonset")? — Chandu
– Chandu, Commented Dec 24, 2010 at 5:04
Yes it is the same, the example has been updated to make this more clear. — cweston
– cweston, Commented Dec 28, 2010 at 3:41

Arun P Johny · Accepted Answer · 2010-12-30 03:37:17Z

2

You need to call the refresh method after adding an new item to the button set.

$("#menu-buttonset").append(menuItem).buttonset('refresh');

I cannot find any documentation for this method in jquery, but it is available.

edited Dec 30, 2010 at 3:37

answered Dec 28, 2010 at 3:54

Arun P Johny

389k68 gold badges532 silver badges532 bronze badges

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

2 Comments

cweston Over a year ago

Thanks, I'm not sure how I missed that in the documentation.

Arda Over a year ago

Button API Documentation - Refresh is available now in documentation.

zsalzbank · Accepted Answer · 2010-12-28 04:06:47Z

2

It seems to me like buttonsets use radiobuttons or checkboxes, not links:

http://docs.jquery.com/UI/Button

Take a look here: http://jsfiddle.net/Fe9Tx/1/ (Fixed it so selection works)

edited Dec 28, 2010 at 4:06

answered Dec 28, 2010 at 3:48

zsalzbank

9,8611 gold badge28 silver badges39 bronze badges

1 Comment

user1055761 Over a year ago

After several minutes of searching - this was the exact answer I was looking for. zsalzbank - thanks for taking the time!!

Collectives™ on Stack Overflow

How to dynamically add button to jQuery-UI button-set?

2 Answers 2

2 Comments

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

2 Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related