Как передать значение в JavaScript в рельсы html.erb

Question

Как передать значение в JavaScript в рельсы html.erb

1

Я пытаюсь передать значение user.skypeid до яваскрипта кода participants в html.erb. Каков правильный способ сделать это? Следующий подход не работает для меня.

  <% @users.each do |user| %>
<tr>
  <td><%= user.name %></td>
  <td><%= user.skypeid %></td>
  <td><%= link_to 'Show', user_path(user) %></td>
  <td>
    <div id="SkypeButton_Call_aaa_1">
     <script type="text/javascript">
     Skype.ui({
     "name": "call",
     "element": "SkypeButton_Call_aaa_1",
     "participants": [user.skypeid]
     });
     </script>
    </div>
  </td>
</tr>

Uma Senthil 26 нояб. 2017, в 23:59

Источник

Теги:

javascript

ruby-on-rails-4

1 ответ

Ещё вопросы

Sebastian Palma · Accepted Answer · 2017-11-26T20-12-00.000Z

Вы должны напечатать его как встроенный рубин и перенести его в кавычки:

<% @users.each do |user| %>
  <tr>
    <td><%= user.name %></td>
    <td><%= user.skypeid %></td>
    <td><%= link_to 'Show', user_path(user) %></td>
    <td>
      <div id="SkypeButton_Call_aaa_1">
      <script type="text/javascript">
        Skype.ui({
          "name": "call",
          "element": "SkypeButton_Call_aaa_1",
          "participants": ['<%= user.skypeid %>']
        });
       </script>
      </div>
    </td>
  </tr>
<% end %>

Хотя вы можете переместить скрипт за пределы или в другой файл:

<% @users.each do |user| %>
  <tr class="">
    <td><%= user.name %></td>
    <td><%= user.skypeid %></td>
    <td><%= link_to 'Show', user_path(user) %></td>
    <td>
      <div id="SkypeButton_Call_aaa_1" data-skype="<%= user.skypeid %>"></div>
    </td>
  </tr>
<% end %>

<script type="text/javascript">
  let id = 'SkypeButton_Call_aaa_1'
  let user = document.getElementById(id).dataset
  Skype.ui({
    'name': 'call', 'element': id, 'participants': [user.skype]
  })
</script>

Я довольно новичок в рельсах. Это то, что я планировал сделать дальше, как только получу рабочую версию. Приятно, что вы добавили эту информацию. Еще раз спасибо! Обязательно приму этот ответ.
Единственная проблема, которую я имею, состоит в том, что кнопки скайпа не появляются в одном ряду. Вместо этого кнопки появляются все в начале страницы одна за другой. Как я могу получить их в одном ряду? Спасибо
Это замечательно, я никогда не использовал этот Skype.ui, но я предполагаю, что должен быть идентификатор, куда их помещать, с этим у вас все в порядке? Может быть, вы используете во всех случаях одно и то же, вот так они выглядят в то же место.
Во втором методе, который вы упомянули, не нужно ли заключать код JavaScript в функцию и вызывать эту функцию из <div id = "skypeid" ..> </ div>? Спасибо