Кто-нибудь знает, как использовать флажок Semantic-ui (переключатель) в Meteor?
<div class="ui toggle checkbox">
<input type="checkbox" name="public">
<label>Subscribe to weekly newsletter</label>
</div>
Флажок/ползунок виден на html-странице с эффектом скольжения, но я не могу понять, как кодировать элемент управления. Как установить Checked/Unchecked в зависимости от значения и как обрабатывать события.
Вот как я это делаю:
Session.set('chosen', false);
Template.myTemplate.onRendered(function () {
var $elem = this.$('.checkbox');
// Use 'set unchecked' or 'set checked' instead of 'uncheck'/'check'
// to avoid triggering the callback.
// Set initial state here:
$elem.checkbox('set ' + (Session.get('chosen') ? 'checked' : 'unchecked'));
// Keep state synced with the session.
$elem.checkbox({
onChange: function () {
Session.set('chosen', !Session.get('chosen'));
}
});
});
