Добавление опции onclick для метода link_to в rails? - PullRequest
Новая
       22

Добавление опции onclick для метода link_to в rails?

5 голосов
/ 18 сентября 2011

Я хочу добавить опцию onclick в метод link_to для загрузки модального диалогового окна ... Я использую rails version 2.3.8, и я выполнил поиск в Google и не смог этого сделать. Плз кто-нибудь мне поможет?

Мой метод link_to выглядит следующим образом. 

<%= link_to 'All countries',{:controller=>'countries', :action=>'new'}, :remote => true %>

Ответы [ 2 ]

6 голосов
/ 18 сентября 2011

Если вы используете 2.3.8, у вас нет: remote => true.Вам нужно использовать link_to_remote, если вы пытаетесь выполнить действие ajax.

Так что это будет выглядеть примерно так: 

<%= link_to_remote 'All countries', :url => {:controller => 'countries', :action => 'new'}%>
<div id="populate_me"></div>

и ваш новый метод должен будет обрабатывать запрос ajax с чем-тонапример,

country_controller.rb 

def new
  <do something>
  render :update do |page|
    page.replace_html 'populate_me', :partial => 'whatever'
  end
end

ОБНОВЛЕНО

Если вы хотите, чтобы онклик в дополнение к действию ajax, вы можете просто передать его в опции html: 

<%= link_to_remote 'All countries', :url => {:controller => 'countries', :action => 'new'}, :html => {:onclick => 'alert("some javascript executed before ajax")'} %>
0 голосов
/ 18 сентября 2011

Вы можете добавить это по ссылке: 

, :class => "pop light", :id => "modal_link"

Тогда ваш JS показывает что-то вроде этого: 

<script type="text/javascript">
    $(document).ready(function() {
      $('a.poplight[href^=#]').click(function() {
        var popID = $(this).attr('rel'); //Get Popup Name
        var popURL = $(this).attr('href'); //Get Popup href to define size
        var query= popURL.split('?');
        var dim= query[1].split('&');
        var popWidth = dim[0].split('=')[1]; //Gets the first query string value
        $('#' + popID).fadeIn().css({ 'width': Number( popWidth ) }).prepend('<a href="#" class="close"></a>');
        $('a.close').hide();
        var popMargTop = ($('#' + popID).height() + 80) / 2;
        var popMargLeft = ($('#' + popID).width() + 80) / 2;
        $('#' + popID).css({
            'margin-top' : -popMargTop,
            'margin-left' : -popMargLeft
        });
        $('body').append('<div id="fade"></div>');
        $('#fade').css({'filter' : 'alpha(opacity=80)'}).fadeIn();
        return false;
      });
      $('a.close').live('click', function() {
          $('#fade , .popup_block').fadeOut(function() {
            $('#fade, a.close').remove(); 
          });
          return false;
      });         
      $('#modal_link').click();
    });
  </script>
...