Получить данные объекта, выбранного в селекторе

@bzvyagintsev · Регистрация: 09.11.2015

Студворк — интернет-сервис помощи студентам

Есть сущность Products, у каждого продукта есть тайтл, цена.
В контролере продукта я создал метод "калькулятор".
Во вьюхе калькулятора, я создал select, по коду из интернета

Code
1
<%= select("product", "product_id", @products.collect {|p| [ p.title, p.id ] }, {prompt: 'Select Product'}) %>

в принципе, сам селектор работает, и выводит там список товаров, которые я создал.
Как сделать так: при выборе в селекторе конкретного товара, снизу выводилась его цена?

Под словом "как" я понимаю не html разметку, а конкретно код руби во вьюхе: как правильно обратиться к данным, чтобы они отобразились.

Делаю некое подобие калькулятора, то есть пользователь выбирает товар, ставит пару галочек, и снизу должна выводиться конечная цена.

Кстати, за одно спрошу, правильно ли я начал делать, что создал метод калькулятора в контролере продукта, или мне следовало создать отдельный контролер для калькулятора?

P.S. я новичок

@j2FunOnly · 09.11.2015, 21:49

Сообщение от bzvyagintsev

Как сделать так: при выборе в селекторе конкретного товара, снизу выводилась его цена?

Снизу - это где? На странице? Вам надо менять данные на странице не перезагружая её? Вам нужен JavaScript.
И что за калькулятор? Наверное "Корзина" куда складывается выбранный для покупки товар? Посмотрите как реализовано в "Agile Web Development with Rails 4" от The Pragmatic Programmers, а именно Part II, может быть посетят светлые мысли...

@bzvyagintsev · 09.11.2015, 21:56 **[ТС]**

Кингу читаю.
Между товаров и корзиной есть этап - калькулятор.
То есть: человек выбирает товар, потом жмет "рассчитать количество", и потом со стр калькулятора добавляет его в корзину.

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

Поэтому вопрос такой:
Я создал селектор, в котором в выпадающем списке можно выбрать товар. А как выбранный в селекторе товар сохранить в переменную, например, в @product (или как еще?), чтобы в дальнейшем я мог выводить информацию @product.price @product.name.

Понятно, что для динамического обновления информации на странице без обновления самой странице, нужен AJAX. Но вопрос сейчас не в этом.

@j2FunOnly · 09.11.2015, 22:15

Например сохраните данные в атрибут data(вы же используете HTML5) так

Rails
1
2
3
4
5
select(report, "campaign_ids") do
  available_campaigns.each do |c|
    content_tag(:option, c.name, value: c.id, data: { tags: c.tags.to_json })
  end
end

И используйте их по событию onchange
P.S.

Сообщение от bzvyagintsev

для динамического обновления информации на странице без обновления самой странице, нужен ~~AJAX~~JavaScript

AJAX вам нужен будет для динамичного "общения" ~~страницы~~ фронтенда с бэкендом.

@bzvyagintsev · 10.11.2015, 00:40 **[ТС]**

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

Просто я сначала думал, что нужно при выборе какой-нибудь опции (товара), записывать ее в переменную (@product), после этого на страницу выводятся характеристики уже "этой переменной" из БД (@product.price). Поэтому я и думал использовать AJAX: чтобы обновлять эту переменную без перезагрузки страницы, ведь нужно было бы каждый раз получать эти характеристики из БД)

Конкретно сейчас пробую применить вот этот код:

Code
1
2
3
4
5
<%= select(@products, "products_id") do %>
  <% @products.each do |p|%>
    <%= content_tag(:option, p.title, value: p.id, data: { tags: p.price_piece.to_json }) %>
  <% end %>
<% end %>

И если я правильно понимаю, в список опций выводятся товары, с атрибутом, в который записывается цена товара. Получается следующее:

Code
1
2
3
4
<select name="#<Product::ActiveRecord_Relation:0x9bf7570>[products_id]" id="__Product::ActiveRecord_Relation:0x9bf7570_products_id">
    <option value="1" data-tags="100.0">Товар 1</option>
    <option value="2" data-tags="120.0">Товар 2</option>
</select>

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

@j2FunOnly · 10.11.2015, 01:20

Сообщение от bzvyagintsev

количество необходимой для расчета цены информации: ширина, длина, толщина, цена

Я ж не знаю ни реализации, ни интерфейсов, ни уровней отделения контроллеров от данных(может у вас реализованы промежуточные классы... будь-то фабрика, фасад, декораторы или еще что) , как у вас все устроено...
Тут уж вам решать что оптимальнее: отдать все данные клиенту или дергать их из базы по запросу. К.м.к. тут больше вопрос по архитектуре приложения, чем конкретно Ruby и Ruby on Rails.

@bzvyagintsev · 10.11.2015, 13:44 **[ТС]**

Смотрите. У меня по сути сейчас вообще ничего нету) просто контроллер товаров) в этом контроллере я создал метод калькулятор (возможно я вынесу его в отдельный контроллер но это пока неважно).
И приложение планирую строить вокруг этого калькулятора)

Я бы хотел услышать - как делать правильнее) Если в калькуляторе нужно вызывать: картинку товара, его габариты, цену за метр. Товаров всего порядка 50.

Как будет правильно: сразу для 50 товаров выводить по 5 атрибутов или получать данные только когда пользователь выберет в калькуляторе определенную опцию (товар) ?

Что вообще больше ресурсов требует? Загрузить сразу под 150 атрибутов или выполнить 1 запрос к БД уже на загруженной страничке?)))

Добавлено через 7 минут
Тут можно ссылки кидать? Я хочу сделать вот такой калькулятор на rails
http://decoproduct.ru/calculate/51

Он вообще написан на ангулар. А я не знаю как лучше подступиться к такому калькулятору на рельсах)

Новые блоги и статьи Все статьи Все блоги /
Новая зверюга volvo 07.11.2025 Подарок на Хеллоуин, и теперь у нас кроме Tuxedo Cat есть еще и щенок далматинца: Хочу еще Симбу взять, очень нравится. . .	Инференс ML моделей в Java: TensorFlow, DL4J и DJL Javaican 05.11.2025 Python захватил мир машинного обучения - это факт. Но когда дело доходит до продакшена, ситуация не так однозначна. Помню проект в крупном банке три года назад: команда data science натренировала. . .	Mapped types (отображённые типы) в TypeScript Reangularity 03.11.2025 Mapped types работают как конвейер - берут существующую структуру и производят новую по заданным правилам. Меняют модификаторы свойств, трансформируют значения, фильтруют ключи. Один раз описал. . .	Адаптивная случайность в Unity: динамические вероятности для улучшения игрового дизайна GameUnited 02.11.2025 Мой знакомый геймдизайнер потерял двадцать процентов активной аудитории за неделю. А виновником оказался обычный генератор псевдослучайных чисел. Казалось бы - добавил в карточную игру случайное. . .	Протоколы в Python py-thonny 31.10.2025 Традиционная утиная типизация работает просто: попробовал вызвать метод, получилось - отлично, не получилось - упал с ошибкой в рантайме. Протоколы добавляют сюда проверку на этапе статического. . .
C++26: Read-copy-update (RCU) bytestream 30.10.2025 Прошло почти двадцать лет с тех пор, как производители процессоров отказались от гонки мегагерц и перешли на многоядерность. И знаете что? Мы до сих пор спотыкаемся о те же грабли. Каждый раз, когда. . .	Изображения webp на старых x32 ОС Windows XP и Windows 7 Argus19 30.10.2025 Изображения webp на старых x32 ОС Windows XP и Windows 7 Чтобы решить задачу, использовал интернет: поисковики Google и Yandex, а также подсказки Deep Seek. Как оказалось, чтобы создать. . .	Passkey в ASP.NET Core identity stackOverflow 29.10.2025 Пароли мертвы. Нет, серьезно - я повторяю это уже лет пять, но теперь впервые за это время чувствую, что это не просто красивые слова. В . NET 10 команда Microsoft внедрила поддержку Passkey прямо в. . .	Последние результаты исследования от команды MCM (октябрь 2025 г.) Programma_Boinc 29.10.2025 Последние результаты исследования от команды MCM (октябрь 2025 г. ) Поскольку мы продолжаем изучать гены, которые играют ведущую роль в развитии рака, в рамках проекта "Картирование раковых. . .	Мысли в слух kumehtar 29.10.2025 Обнаружил, что мысли лучше писать короткими фразами. Таким образом внимание читателя успевает охватить всю фразу сразу, за один раз, не соскакивая и не прерываясь. А если писать это длинным текстом,. . .

@bzvyagintsev 0 / 0 / 0 Регистрация: 09.11.2015 Сообщений: 4
	09.11.2015, 21:56 [ТС]
	Кингу читаю. Между товаров и корзиной есть этап - калькулятор. То есть: человек выбирает товар, потом жмет "рассчитать количество", и потом со стр калькулятора добавляет его в корзину. Вопрос не в этом. На странице калькулятора должна быть возможность из выпадающего списка выбрать любой товар, то есть возможность рассчитать количество и цену для любого товара на стр калькулятора. Поэтому вопрос такой: Я создал селектор, в котором в выпадающем списке можно выбрать товар. А как выбранный в селекторе товар сохранить в переменную, например, в @product (или как еще?), чтобы в дальнейшем я мог выводить информацию @product.price @product.name. Понятно, что для динамического обновления информации на странице без обновления самой странице, нужен AJAX. Но вопрос сейчас не в этом. 0

@bzvyagintsev 0 / 0 / 0 Регистрация: 09.11.2015 Сообщений: 4
	10.11.2015, 13:44 [ТС]
	Смотрите. У меня по сути сейчас вообще ничего нету) просто контроллер товаров) в этом контроллере я создал метод калькулятор (возможно я вынесу его в отдельный контроллер но это пока неважно). И приложение планирую строить вокруг этого калькулятора) Я бы хотел услышать - как делать правильнее) Если в калькуляторе нужно вызывать: картинку товара, его габариты, цену за метр. Товаров всего порядка 50. Как будет правильно: сразу для 50 товаров выводить по 5 атрибутов или получать данные только когда пользователь выберет в калькуляторе определенную опцию (товар) ? Что вообще больше ресурсов требует? Загрузить сразу под 150 атрибутов или выполнить 1 запрос к БД уже на загруженной страничке?))) Добавлено через 7 минут Тут можно ссылки кидать? Я хочу сделать вот такой калькулятор на rails http://decoproduct.ru/calculate/51 Он вообще написан на ангулар. А я не знаю как лучше подступиться к такому калькулятору на рельсах) 0

Опции темы