library-mirrors/jquery-ui
1
0
Fork 0
mirror of https://github.com/jquery/jquery-ui.git synced 2024-11-21 11:04:24 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

Tabs: overall fixed selected property for all tabs unselected case (is -1 in such case), added sanity check for selected out of bound, fixes #3936

Browse Source
This commit is contained in:
Klaus Hartl 2009-01-25 23:42:56 +00:00
parent 80dd45b693
commit a7c0141875
2 changed files with 56 additions and 23 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

42
tests/unit/tabs/tabs.js
View File

@ -123,22 +123,41 @@ module('tabs');
});
test('selected property', function() {
expect(5);
$('#tabs1').tabs();
equals($('#tabs1').data('selected.tabs'), 0, 'selected should be 0 by default');
reset();
$('#tabs1').tabs({ selected: null });
equals($('#tabs1').data('selected.tabs'), -1, 'selected should be -1 for all tabs unselected');
reset();
$('#tabs1').tabs({ selected: -1 });
equals($('#tabs1').data('selected.tabs'), -1, 'selected should be -1 for all tabs unselected');
reset();
$('#tabs1').tabs({ selected: 1 });
equals($('#tabs1').data('selected.tabs'), 1, 'selected should be specified tab');
reset();
$('#tabs1').tabs({ selected: 8 });
equals($('#tabs1').data('selected.tabs'), 0, 'selected should default to zero if given value is out of index');
});
module('tabs: Options');
test('select: null', function() {
expect(3);
test('selected: null', function() {
expect(2);
var el = $('#tabs1 > ul');
var el = $('#tabs1');
el.tabs({ selected: null });
equals( el.data('selected.tabs'), null, 'option set' );
equals( $('li.ui-tabs-selected', el).length, 0, 'all tabs should be deselected' );
equals( $('li.ui-tabs-selected', el).length, 0, 'no tab should be selected' );
equals( $('div.ui-tabs-hide', '#tabs1').length, 3, 'all panels should be hidden' );
// TODO select == null with cookie
// TODO select == null with select method
});
test('deselectable: true', function() {
@ -164,7 +183,7 @@ module('tabs: Options');
});
test('cookie', function() {
expect(5);
expect(6);
var el = $('#tabs1 > ul');
var cookieName = 'ui-tabs-' + $.data(el[0]);
@ -188,6 +207,11 @@ module('tabs: Options');
el.tabs({ cookie: {} });
equals(cookie(), 1, 'initial cookie value, from existing cookie');
el.tabs('destroy');
el.tabs({ cookie: {}, deselectable: true });
el.tabs('select', 0);
equals(cookie(), -1, 'cookie value for all unselected tabs');
el.tabs('destroy');
ok($.cookie(cookieName) === null, 'erase cookie after destroy');

33
ui/ui.tabs.js
View File

@ -153,14 +153,21 @@ $.widget("ui.tabs", {
}
});
}
else if (o.cookie) {
var index = parseInt(self._cookie(), 10);
if (index && self.$tabs[index]) o.selected = index;
}
else if (self.$lis.filter('.ui-tabs-selected').length)
o.selected = self.$lis.index( self.$lis.filter('.ui-tabs-selected')[0] );
else if (o.cookie)
o.selected = parseInt(self._cookie(), 10);
else if (this.$lis.filter('.ui-tabs-selected').length)
o.selected = this.$lis.index(this.$lis.filter('.ui-tabs-selected'));
else
o.selected = 0;
}
o.selected = o.selected === null || o.selected !== undefined ? o.selected : 0; // first tab selected by default
else if (o.selected === null)
o.selected = -1;
// sanity check
o.selected = ((o.selected >= 0 && this.$tabs[o.selected]) || o.selected < 0) ? o.selected : 0; // default to first tab
// Take disabling tabs via class attribute from HTML
// into account and update option properly.
@ -175,7 +182,7 @@ $.widget("ui.tabs", {
// highlight selected tab
this.$panels.addClass('ui-tabs-hide');
this.$lis.removeClass('ui-tabs-selected ui-state-active');
if (o.selected !== null && this.$tabs.length) { // check for length avoids error when initializing empty list
if (o.selected >= 0 && this.$tabs.length) { // check for length avoids error when initializing empty list
this.$panels.eq(o.selected).removeClass('ui-tabs-hide');
var classes = ['ui-tabs-selected ui-state-active'];
if (o.deselectable) classes.push('ui-tabs-deselectable');
@ -217,7 +224,7 @@ $.widget("ui.tabs", {
}
// update selected after add/remove
else
o.selected = this.$lis.index( this.$lis.filter('.ui-tabs-selected')[0] );
o.selected = this.$lis.index(this.$lis.filter('.ui-tabs-selected')); // TODO check adding with all unselected
// set or update cookie after init and add/remove respectively
if (o.cookie) this._cookie(o.selected, o.cookie);
@ -305,10 +312,11 @@ $.widget("ui.tabs", {
o.selected = self.$tabs.index(this);
// if tab may be closed
// if tab may be closed TODO avoid redundant code in this block
if (o.deselectable) {
if ($li.hasClass('ui-state-active')) {
self.options.selected = null;
o.selected = -1;
if (o.cookie) self._cookie(o.selected, o.cookie);
$li.removeClass('ui-tabs-selected ui-state-active ui-tabs-deselectable')
.addClass('ui-state-default');
self.$panels.stop();
@ -316,6 +324,7 @@ $.widget("ui.tabs", {
this.blur();
return false;
} else if (!$hide.length) {
if (o.cookie) self._cookie(o.selected, o.cookie);
self.$panels.stop();
var a = this;
self.load(self.$tabs.index(this), function() {
@ -459,7 +468,7 @@ $.widget("ui.tabs", {
select: function(index) {
if (typeof index == 'string')
index = this.$tabs.index( this.$tabs.filter('[href$=' + index + ']')[0] );
index = this.$tabs.index(this.$tabs.filter('[href$=' + index + ']'));
this.$tabs.eq(index).trigger(this.options.event + '.tabs');
},