r985 - trunk/ui
r985 - trunk/ui
Author: rdworth
Date: Thu Nov 20 20:48:06 2008
New Revision: 985
Modified:
trunk/ui/ui.tabs.js
Log:
tabs: formatting changes - moved some things around for consistency.
_init and destroy at the top. ui last. Sorted defaults alphabetically.
Modified: trunk/ui/ui.tabs.js
==============================================================================
--- trunk/ui/ui.tabs.js (original)
+++ trunk/ui/ui.tabs.js Thu Nov 20 20:48:06 2008
@@ -13,10 +13,36 @@
(function($) {
$.widget("ui.tabs", {
+
_init: function() {
// create tabs
this._tabify(true);
},
+
+ destroy: function() {
+ var o = this.options;
+ this.element.unbind('.tabs')
+ .removeClass(o.navClass).removeData('tabs');
+ this.$tabs.each(function() {
+ var href = $.data(this, 'href.tabs');
+ if (href)
+ this.href = href;
+ var $this = $(this).unbind('.tabs');
+ $.each(['href', 'load', 'cache'], function(i, prefix) {
+ $this.removeData(prefix + '.tabs');
+ });
+ });
+ this.$lis.add(this.$panels).each(function() {
+ if ($.data(this, 'destroy.tabs'))
+ $(this).remove();
+ else
+ $(this).removeClass([o.selectedClass, o.deselectableClass,
+ o.disabledClass, o.panelClass, o.hideClass].join(' '));
+ });
+ if (o.cookie)
+ this._cookie(null, o.cookie);
+ },
+
_setData: function(key, value) {
if ((/^selected/).test(key))
this.select(value);
@@ -25,28 +51,25 @@
this._tabify();
}
},
+
length: function() {
return this.$tabs.length;
},
+
_tabId: function(a) {
return a.title &&
a.title.replace(/\s/g, '_').replace(/[^A-Za-z0-9\-_:\.]/g, '')
|| this.options.idPrefix + $.data(a);
},
- ui: function(tab, panel) {
- return {
- options: this.options,
- tab: tab,
- panel: panel,
- index: this.$tabs.index(tab)
- };
- },
+
_sanitizeSelector: function(hash) {
return hash.replace(/:/g, '\\:'); // we need this because an id may
contain a ":"
},
+
_cookie: function() {
var cookie = this.cookie || (this.cookie = 'ui-tabs-' +
$.data(this.element[0]));
return $.cookie.apply(null, [cookie].concat($.makeArray(arguments)));
},
+
_tabify: function(init) {
this.$lis = $('li:has(a[href])', this.element);
@@ -292,6 +315,7 @@
if (o.event != 'click') this.$tabs.bind('click.tabs', function(){return
false;});
},
+
add: function(url, label, index) {
if (index == undefined)
index = this.$tabs.length; // append by default
@@ -334,6 +358,7 @@
// callback
this._trigger('add', null, this.ui(this.$tabs[index],
this.$panels[index]));
},
+
remove: function(index) {
var o = this.options, $li = this.$lis.eq(index).remove(),
$panel = this.$panels.eq(index).remove();
@@ -351,6 +376,7 @@
// callback
this._trigger('remove', null, this.ui($li.find('a')[0], $panel[0]));
},
+
enable: function(index) {
var o = this.options;
if ($.inArray(index, o.disabled) == -1)
@@ -369,6 +395,7 @@
// callback
this._trigger('enable', null, this.ui(this.$tabs[index],
this.$panels[index]));
},
+
disable: function(index) {
var self = this, o = this.options;
if (index != o.selected) { // cannot disable already selected tab
@@ -381,12 +408,14 @@
this._trigger('disable', null, this.ui(this.$tabs[index],
this.$panels[index]));
}
},
+
select: function(index) {
// TODO make null as argument work
if (typeof index == 'string')
index = this.$tabs.index( this.$tabs.filter('[href$=' + index + ']')[0]
);
this.$tabs.eq(index).trigger(this.options.event + '.tabs');
},
+
load: function(index, callback) { // callback is for internal usage only
var self = this, o = this.options, $a = this.$tabs.eq(index), a = $a[0],
@@ -451,61 +480,44 @@
$a.addClass(o.loadingClass);
self.xhr = $.ajax(ajaxOptions);
},
+
url: function(index, url) {
this.$tabs.eq(index).removeData('cache.tabs').data('load.tabs', url);
},
- destroy: function() {
- var o = this.options;
- this.element.unbind('.tabs')
- .removeClass(o.navClass).removeData('tabs');
- this.$tabs.each(function() {
- var href = $.data(this, 'href.tabs');
- if (href)
- this.href = href;
- var $this = $(this).unbind('.tabs');
- $.each(['href', 'load', 'cache'], function(i, prefix) {
- $this.removeData(prefix + '.tabs');
- });
- });
- this.$lis.add(this.$panels).each(function() {
- if ($.data(this, 'destroy.tabs'))
- $(this).remove();
- else
- $(this).removeClass([o.selectedClass, o.deselectableClass,
- o.disabledClass, o.panelClass, o.hideClass].join(' '));
- });
- if (o.cookie)
- this._cookie(null, o.cookie);
+
+ ui: function(tab, panel) {
+ return {
+ options: this.options,
+ tab: tab,
+ panel: panel,
+ index: this.$tabs.index(tab)
+ };
}
+
});
$.extend($.ui.tabs, {
version: '@VERSION',
getter: 'length',
defaults: {
- // basic setup
+ ajaxOptions: null,
+ cache: false,
+ cookie: null, // e.g. { expires: 7, path: '/', domain: 'jquery.com',
secure: true }
deselectable: false,
- event: 'click',
+ deselectableClass: 'ui-tabs-deselectable',
disabled: [],
- cookie: null, // e.g. { expires: 7, path: '/', domain: 'jquery.com',
secure: true }
- // Ajax
- spinner: 'Loading…',
- cache: false,
- idPrefix: 'ui-tabs-',
- ajaxOptions: null,
- // animations
+ disabledClass: 'ui-tabs-disabled',
+ event: 'click',
fx: null, // e.g. { height: 'toggle', opacity: 'toggle', duration: 200 }
- // templates
- tabTemplate: '<li><a href="#{href}"><span>#{label}</span></a></li>',
- panelTemplate: '<div></div>',
- // CSS class names
+ hideClass: 'ui-tabs-hide',
+ idPrefix: 'ui-tabs-',
+ loadingClass: 'ui-tabs-loading',
navClass: 'ui-tabs-nav',
- selectedClass: 'ui-tabs-selected',
- deselectableClass: 'ui-tabs-deselectable',
- disabledClass: 'ui-tabs-disabled',
panelClass: 'ui-tabs-panel',
- hideClass: 'ui-tabs-hide',
- loadingClass: 'ui-tabs-loading'
+ panelTemplate: '<div></div>',
+ selectedClass: 'ui-tabs-selected',
+ spinner: 'Loading…',
+ tabTemplate: '<li><a href="#{href}"><span>#{label}</span></a></li>'
}
});