When the tab list changes, the tabs are not updated

[ehartford]

I had the same issue as this stack overflow when I use the knockout-jqueryui tabs binding.

http://stackoverflow.com/questions/8056610/jquery-ui-tab-init-after-array-change-in-knockoutjs

Then I added RPs binding like this:

<div id="tabs" data-bind="jqTabs: kpis, tabs: { refreshOn: kpis, active: $root.selectedKpiTab }">

and my issue is fixed.

So I wonder if RP's binding handler jqTabs from that SO question can be added into the knockout-jqueryui binding handler so that the tab control is destroyed and rebuild when the tabs list changes?

[gvas]

Could you make a jsfiddle to demonstrate your problem?

The SO question's original poster tried to refresh the tabs by directly invoking the tabs() method of the jQuery UI tabs widget. Normally you shouldn't do that, use the binding's refreshOn option instead, as in the example of the binding's documentation.