виджет Tabs
tabs
([methodName, option, value])tabs
([methodName, param_obj])tabs
([param_obj])<div id="tabs">
<ul>
<li><a href="#tabflowers.html">Содержимое Ajax</a></li>
<li>
<a href="mydata.json">
<span>
JSON данные которые потом преобразуются в шаблон
в аякс настройках
</span>
</a>
</li>
<li><a href="#tab1">Ряд 1</a></li>
<li><a href="#tab2">Ряд 2</a></li>
<li><a href="#tab3">Ряд 3</a></li>
</ul>
<div id="tab1"></div>
<div id="tab2"></div>
<div id="tab3"></div>
</div>
$('#tabs').tabs({
add: function(event, ui){
// index - Индекс (номер) активной вкладки
// panel - Объект HTMLElement, в котором находится
// содержимое активной вкладки
// tab - URL-адрес источника содержимого для активной вкладки
},
select: function(event, ui){
...
},
load: function(event, ui){
...
},
ajaxOptions: {
dataType: 'html',
dataFilter: function(result){
var data = $.parseJson(result).slice(0, 3);
return $(
'<div></div'
).append(
$('#flowerTmpl').tmpl(data)
).html();
},
error: function(jqxr, status, index, anchor){
$(anchor.hash).text('Ошибка');
}
},
fx: {
opacity: 'toggle',
duration: 'normal'
}
panelTemplate: "<div>содержимое пo умолчанию</div>"
});
methodName
destroy - Полностью удаляет функциональность виджета Tabs из базового HTML-элемента
disable - Приостанавливает работу всего виджета или отдельных вкладок.
enable - Возобновляет работу ранее приостановленного виджета или отдельных вкладок
option - Позволяет изменить одну или несколько опций.
add - Добавляет новую вкладку
remove - Удаляет вкладку
select - Активизирует вкладку
load - Осуществляет принудительную загрузку содержимого вкладки
url - Изменяет URL-адрес источника содержимого дистанционной вкладки
length - Возвращает количество вкладок в виджете
abort - Отменяет все активные Ajax-запросы для дистанционных вкладок
rotate - Указывает виджету Tabs на необходимость циклического обхода вкладок
param_obj
add - обработчик добавления таба
ajaxOptions - Позволяет устанавливать и получать значения конфигурационных параметров для Ajax-запросов
dataType
dataFilter - возвращает шаблон для вкладки
error - обрабботчик ошибки
cache - Если эта опция равна true, то полученное в результате Ajax запроса содержимое будет кешироваться, так что при следующем открытии вкладки запрос не будет повторно выполняться.
Значение по умолчанию — false, которое означает, что содержимое дистанционной вкладки будет загружаться с сервера при каждом ее открытии
collapsible - Если эта опция равна true, то пользователь не будет иметь возможности оставить невыбранными все вкладки.
Значение по умолчанию — false, которое означает, что одна из вкладок всегда должна быть активна (открыта)
create - обработчик когда виджет Tabs применяется к базовому HTML-элементу
disable - обработчик при отключении вкладки
disabled - Установка значения true или false означает соответственно отключение или включение функциональности вкладок.
Если в качестве значения задан массив чисел, то они указывают индексы отключаемых вкладок
enable - обработчик при включении функциональных возможностей вкладки
event - Позволяет получить или задать событие, которое делает вкладку активной.
По умолчанию таким событием является ciick, т.е. вкладка активизируется после выполнения на ней щелчка
fx - Определяет эффекты, которые должны использоваться при анимации процессов открытия и закрытия вкладок.
Значение по умолчанию — null, означающее, что эффекты не используются.
opacity
duration
load - обработчик загрузки шаблона вкладки
panelTemplate - Определяет шаблон, в соответствии с которым должны генерироваться элементы содержимого, создаваемые программным путем.
По умолчанию для этого используется элемент div.
remove - обработчик при удалении вкладки из виджета
select - обработчик выбора вкладки
selected - Позволяет получить или задать индекс активной вкладки
show - обработчик когда вкладка отображается для пользователя
spinner - Позволяет получить или задать текст, отображаемый для пользователя во время загрузки содержимого дистанционных вкладок.
tabTemplate - Определяет шаблон, в соответствии с которым должны генерироваться структурные элементы, создаваемые программным путем.