Как программно выбрать selectables с jQuery UI?
У меня есть диапазон объектов, которые можно выбрать. Я хотел бы добавить кнопку где-нибудь, которая активирует предварительно установленный выбор среди тех. Существует ли способ, которым я могу сделать это?
То, что я хотел бы, должно сказать этому "Выбирать этих парней" и затем иметь все события и все запущенные как нормальные, таким образом, я не должен называть все те события выбора вручную.
Подробнее: События, о которых я говорю, являются теми перечисленными в их API и на их демонстрационной странице:
- выбранный
- выбор
- запустить
- остановиться
- отмененный выбор
- отмена выбора
И также, я думаю, что могли бы быть данные, которые устанавливаются/очищаются также при выборе вещей. Таким образом, это не должно только добавлять те классы CSS.
4 ответа
Edit: Извините за недоразумение, я редактирую свой ответ.
Итак, возможно, выбор объекта соответствует классу ui-selected, поэтому вы можете сделать следующее:
$(#button).click(function(){
$("#element1").addClass("ui-selected");
.......
});
Нельзя ли вызвать событие selected вручную с помощью .trigger('selected')?
Используя код Ionut, как насчет:
$("#selectable li:first").trigger('start').trigger('selecting').trigger('selected');
?
Там вы идете:
,calc: function() { this._mouseStop(); },
custom: function(guys) {
var self = this;
self.selectees.removeClass("ui-selected");
guys.each(function(){
$(this).addClass("ui-selecting");
self._trigger("selecting", {}, {
selecting: this
});
});
this.calc(); // do the selection + trigger selected
}
Добавьте это после _mouseStop в selectable.js и тогда вы сможете сказать:
$("#selectable").selectable("custom", $("#selectable :first-child"));
... или что вам нравится.
Желаю веселья! :)