Действие диалогового окна JQuery UI (Rails 3)

Question

Прежде чем я начну, я начинаю на javascript, rails 3 и jQuery, поэтому, пожалуйста, предоставит полные примеры.

Вот что я пытаюсь сделать: У меня есть построить приложение рельсы с эшафота и изменил значение по умолчанию Javascript для JQuery для того, чтобы сделать PieChart на приборной панели работы.

Итак, теперь, хотя я могу добавить пользовательский интерфейс jQuery и отобразить диалоговое окно с изображением действия созданного эшафот, когда кто-то нажимает кнопку «Показать».

Название диалогового окна должно быть идентификатором.

К сожалению, все, что я пробовал до сих пор, не сработало.

Я пробовал такие вещи, как:,: дистанционное => правда,

Я думаю, что самая большая проблема, в том, что POST выполняется (по крайней мере , если я смотрю на ошибки в терминале, его говорит:

Started POST "/trips/1" for 127.0.0.1 at Sun Sep 19 11:07:24 +0200 2010 
ActionController::RoutingError (No route matches "/trips/1"): 

Я думаю, что GET должен быть выполнен

Вот мой полный индексный файл:.

<h1>Listing trips</h1> 

<table> 
<tr> 
<th>License</th> 
<th>Contract</th> 
<th>Time</th> 
<th></th> 
</tr> 

<% @trips.each do |trip| %> 
<tr> 
<td><%= trip.license %></td> 
<td><%= trip.contract %></td> 
<td><%= trip.time %></td> 
<td><%= link_to 'Show', trip, 'class'=>"ajax", :remote => true %></td> 
<td><%= link_to 'Show', trip, 'class'=>"ajax" %></td> 
<td><%= link_to 'Show', trip, 'id' => 'opener', :remote => true %></td> 
<td><%= link_to 'Show', trip, 'id' => 'opener' %></td> 
<td><%= link_to 'Show', trip, 'id' => 'showdialog', :remote => true %></td> 
</tr> 
<% end %> 
</table> 

<div id="example"></div> 

<script type="text/javascript"> 
$(document).ready(function(){ 
var dialogOpts = { 
    modal: true, 
    bgiframe: true, 
    autoOpen: false, 
    height: 500, 
    width: 500, 
    draggable: true, 
    resizeable: true, 
}; 
$("#example").dialog(dialogOpts); //end dialog 

$('#showdialog').click(
    function() { 
    $("#example").load(this.href, type: 'get', function(){ 
      $("#example").dialog("open"); 
     } 
    ); 
    return false; 
    } 
); 

}); 
</script> 

<script type="text/javascript"> 
$(document).ready(function() { 
var dialogOpts = { 
    autoOpen: false, 
    title: 'Trip: Trip Number comes here', 
    modal: true, 
    height: 600, 
    width: 600, 
    draggable: false, 
    resizable: false   
} 

var $dialog = $('<div></div>') 
    .html('Must become show action!') 
    .dialog(dialogOpts); 

    $('ae[data-remote=true]').live('click', function() { 
     $dialog.dialog('open'); 
     return false; 
    }); 

$('#opeaner').click(function() { 
    $dialog.dialog('open'); 
    // prevent the default action, e.g., following a link 
    return false; 
}); 
}); 

    $(function(){ 
      $('aa.ajax').click(function() { 
        var url = this.href; 
        var dialog = $('<div></div>'); 
        // load remote content 
        jQuery.ajax({type: 'GET'}) 
        dialog.load(
          url, 
          {}, 
          function (responseText, textStatus, XMLHttpRequest) { 
            dialog.dialog(); 
          } 
        ); 
        //prevent the browser to follow the link 
        return false; 
      }); 
    }); 

    var request = function(options) { 
     $.ajax($.extend({ url : options.url, type : 'get' }, options)); 
     return false; 
    }; 

    // remote links handler 
    $('a[data-remote=true]').live('click', function() { 
     return request({ url : this.href }); 
    }); 

</script> 

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

Единственное, что работает до сих пор, но не давал мне Показать действия, только регулярные диалог с некоторыми вариантами является: #opeaner один

Спасибо так много! очень оценили!

Answer 1

Попробуйте указать метод в вашей ссылке (: получить в данном случае), для того, чтобы достичь шоу действия:

<%= link_to 'Show', trip, 'id' => 'showdialog', :remote => true, :method => :get %>