Controlgroup — jQuery Mobile

Виджет Controlgroupверсия добавлена: 1.3

Описание: Группирует кнопки вместе.

Быстрый переход

Параметры

Методы

container

События

Виджет jQuery UI controlgroup включен в jQuery Mobile с некоторыми изменениями. Таким образом, его документация API полностью описывает его функциональность.

Параметры

direction

Тип: Строка

Значение по умолчанию: vertical

По умолчанию, controlgroup отображает свои элементы управления в вертикальной компоновке. Используйте этот параметр, чтобы использовать горизонтальную компоновку вместо этого.

Этот параметр также доступен в виде атрибута данных data-direction="horizontal".

Примеры кода:

Инициализируйте controlgroup с заданным параметром direction:

$( ".selector" ).controlgroup({
  direction: "horizontal"
});

Получите или задайте параметр direction после инициализации:

// Getter
var direction = $( ".selector" ).controlgroup( "option", "direction" );
 
// Setter
$( ".selector" ).controlgroup( "option", "direction", "horizontal" );

mini

Тип: Булево

Значение по умолчанию: null (false)

Если установлено в true, это отобразит более компактную версию controlgroup, которая использует меньшую высоту, применяя класс ui-mini к внешнему элементу виджета controlgroup.

Примечание: параметр mini устарел в версии 1.5 и будет удален в версии 1.6

Этот параметр также доступен в виде атрибута данных: data-mini="true".

shadow

Тип: Булево

Значение по умолчанию: false

Устанавливает, будет ли вокруг controlgroup отображаться тень.

Примечание: параметр controlgroup устарел в версии 1.5 и будет удален в версии 1.6

Этот параметр также доступен в виде атрибута данных: data-shadow="false".

Примеры кода:

Инициализируйте controlgroup с заданным параметром shadow:

$( ".selector" ).controlgroup({
  shadow: true
});

Получите или задайте параметр shadow после инициализации:

// Getter
var shadow = $( ".selector" ).controlgroup( "option", "shadow" );
 
// Setter
$( ".selector" ).controlgroup( "option", "shadow", true );

type

Тип: Строка

Значение по умолчанию: vertical

Устанавливает, будут ли дочерние элементы выстраиваться друг над другом или рядом друг с другом. Если установлено "horizontal", дочерние элементы controlgroup будут выстроены рядом.

Примечание: параметр controlgroup устарел в версии 1.5 и будет удален в версии 1.6

Этот параметр также доступен в виде атрибута данных: data-type="horizontal".

Примеры кода:

Инициализируйте controlgroup с заданным параметром type:

$( ".selector" ).controlgroup({
  type: "horizontal"
});

Получите или задайте параметр type после инициализации:

// Getter
var type = $( ".selector" ).controlgroup( "option", "type" );
 
// Setter
$( ".selector" ).controlgroup( "option", "type", "horizontal" );

Методы

container()Возвращает: jQuery (только плагин)

Получить элемент контейнера, в котором должны быть размещены дочерние элементы controlgroup.

Примечание: метод controlgroup устарел в версии 1.5 и будет удален в версии 1.6

$( ".selector" ).controlgroup( "container" );

Этот метод не принимает аргументов.

Примеры кода:

Вызвать метод container:

$( ".selector" ).controlgroup( "container" );