product) %>" />

кнопка с изображением?

ruby-on-rails

6667 просмотра

6 ответа

Эй, ребята, я пытаюсь создать кнопку с изображением. В общем, мне нужна версия кода button_to ниже: |

<%= link_to image_tag(product.image_url, :class => "img"), line_items_path(:product_id => product) %>    
Автор: imjp Источник Размещён: 12.11.2019 09:30

Ответы (6)


1 плюс

Это мое решение:

Используйте помощник по кнопкам (вы можете использовать метод button_to helper):

<%= f.submit 'Save', :class => "button_with_image_save" %>

CSS:

.button_with_image_save {
    background: url(../images/icons/page_save.png) #f2efa8 no-repeat 10px 6px;
    text-indent:30px;
    display:block;
    cursor: pointer;
}
Автор: yagooar Размещён: 22.06.2011 06:28

1 плюс

Это довольно старый пост, но для справки в будущем: начиная с Rails 3.2.1 вы можете использовать button_tagвместо button_to, так как первый изначально поддерживает изображения:

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

Что касается вашего примера:

<%= button_tag image_tag(product.image_url), line_items_path(:product_id => product), class: 'img' %>

Я не тестировал код, но он должен работать. Возможно, вам нужно объявить URL сurl:

Автор: Eduardo López Размещён: 31.01.2018 02:13

0 плюса

Вы можете создать помощника как ссылку button_to -

<%= button_to product.image_url, line_items_path(:product_id => product) %> 

и в application_helper

def button_to(image_path, link)
  link_to (image_tag(image_path, :class => "img"), link)
end

Я думаю, это то, что вы хотите.

Автор: rtdp Размещён: 22.06.2011 11:35

0 плюса

Короткий ответ: вам нужно создать вспомогательный метод, который довольно прост:

Вот аналогичная публикация SO, объясняющая это: есть ли способ с помощью rails form helper для создания тега кнопки для отправки

Удачи

Автор: Jonathan Размещён: 22.06.2011 02:48

0 плюса

Кнопка отправки изображения:

<%= image_submit_tag("team/team1.png", class: 'image-responsive') %>

Ссылка с изображением:

<%= link_to(image_tag("team/team1.png", class: 'image-responsive'), root_path,  :method => :get) %>
Автор: Priyank Dey Размещён: 19.08.2015 08:19

0 плюса

Добавьте изображение в папку app / assets / image

В представлении

<%= image_submit_tag('nameimage.png') %>

недостатком является то, что вы не можете изменить размер с размером, но у вас должно быть изображение того размера, который вы хотите отобразить

Автор: Sebastian Ruiz Perez Размещён: 04.04.2018 08:04
Вопросы из категории :
32x32