Nano Hash - криптовалюты, майнинг, программирование

Rails: переключатели simple_form для переключения (основа zurb)

Я пытаюсь использовать элемент переключателя из Zurb Foundation на переключателях Rails.

У меня есть этот код:

<%= simple_form_for @mymodel .... |f| %>

<%= f.input :active, as: :radio_buttons %>

<% end %>

Что генерирует переключатели да и нет.

Сейчас я пытаюсь реализовать переключатель zurb Foundation, так как он выглядит красивее.

элемент Zurb Foundation Switch

Пример кода переключателя по умолчанию:

<div class="switch">
  <input id="x" name="switch-x" type="radio" checked>
  <label for="x" onclick="">Off</label>

  <input id="x1" name="switch-x" type="radio">
  <label for="x1" onclick="">On</label>

  <span></span>
</div>

Проблема в том, что это выглядит так:

<div class="switch">
    <div class="input radio_buttons optional mymodel_active">
    <label class="radio_buttons optional">active</label>
    <span class="radio">
    <input class="radio_buttons optional" id="mymodel_active_true" name="mymodel[active]" type="radio" value="true">
    <label class="collection_radio_buttons" for="mymodel_active_true">Yes</label>   
    </span>
    <span class="radio">
    <input checked="checked" class="radio_buttons optional" id="mymodel_active_false" name="mymodel[active]" type="radio" value="false">
    <label class="collection_radio_buttons" for="mymodel_active_false">No</label>
    </span>
    </div>
    <span></span>
</div>

Затем я добавил: , label: false ,:input_html => { :onclick => ' ' } в качестве атрибута, чтобы соответствовать примеру. Он все еще не переключается после первого раза? У меня сейчас на входе onclick="", а мне нужно на этикетке.

 <%= f.label :active , input_html: { :onclick => ' ' } %>

Не будет работать.

Кто-нибудь знает проблему? Спасибо


  • Вы когда-нибудь находили решение этой проблемы? 09.06.2014
  • Мне не удалось добиться этого с помощью вспомогательных функций rails. Поэтому я использовал простой HTML для их создания, что было не очень элегантно. 09.06.2014

Ответы:


1

Я предлагаю вам использовать пользовательские оболочки простых форм https://github.com/plataformatec/simple_form/wiki/Custom-Wrappers

19.09.2014
Новые материалы

Кластеризация: более глубокий взгляд
Кластеризация — это метод обучения без учителя, в котором мы пытаемся найти группы в наборе данных на основе некоторых известных или неизвестных свойств, которые могут существовать. Независимо от..

Как написать эффективное резюме
Предложения по дизайну и макету, чтобы представить себя профессионально Вам не позвонили на собеседование после того, как вы несколько раз подали заявку на работу своей мечты? У вас может..

Частный метод Python: улучшение инкапсуляции и безопасности
Введение Python — универсальный и мощный язык программирования, известный своей простотой и удобством использования. Одной из ключевых особенностей, отличающих Python от других языков, является..

Как я автоматизирую тестирование с помощью Jest
Шутка для победы, когда дело касается автоматизации тестирования Одной очень важной частью разработки программного обеспечения является автоматизация тестирования, поскольку она создает..

Работа с векторными символическими архитектурами, часть 4 (искусственный интеллект)
Hyperseed: неконтролируемое обучение с векторными символическими архитектурами (arXiv) Автор: Евгений Осипов , Сачин Кахавала , Диланта Хапутантри , Тимал Кемпития , Дасвин Де Сильва ,..

Понимание расстояния Вассерштейна: мощная метрика в машинном обучении
В обширной области машинного обучения часто возникает необходимость сравнивать и измерять различия между распределениями вероятностей. Традиционные метрики расстояния, такие как евклидово..

Обеспечение масштабируемости LLM: облачный анализ с помощью AWS Fargate и Copilot
В динамичной области искусственного интеллекта все большее распространение получают модели больших языков (LLM). Они жизненно важны для различных приложений, таких как интеллектуальные..