Реализовать вкладки jquery ui с помощью ajax в Rails? - PullRequest
5 голосов
/ 01 апреля 2011

Кто-нибудь знает, где можно найти пример кода для реализации вкладок ajax с помощью jquery ui в Ruby on Rails 3?Я не могу найти что-то, что мне не удается заставить его работать, основываясь на примерах, которые я нашел для обработки форм и комментариев.Имейте в виду, я очень плохо знаком с рубином на рельсах.

На основе вкладок пользовательского интерфейса jquery с примером ajax с сайта jquery у меня есть следующий код:

простой контроллер - maps_controller.rb

  def index
  end

  def test1
    @test = "test string"
  end

связанный вид - index.html.erb

<script>
        $(function() {
            $( "#tabs" ).tabs({
                ajaxOptions: {
                    error: function( xhr, status, index, anchor ) {
                        $( anchor.hash ).html(
                            "Couldn't load this tab. We'll try to fix this as soon as possible. " +
                            "If this wouldn't be a demo." );
                    }
                }
            });
        });
        </script>



<div class="demo">

<div id="tabs">
    <ul>
        <li><a href="#content_area">Preloaded</a></li>
        <li><%= link_to "Test1" , test1_path %></li>
    </ul>
    <div id="content_area">
        <p>Proin elit arcu, rutrum commodo, vehicula tempus, commodo a, risus. Curabitur nec arcu. Donec sollicitudin mi sit amet mauris. Nam elementum quam ullamcorper ante. Etiam aliquet massa et lorem. Mauris dapibus lacus auctor risus. Aenean tempor ullamcorper leo. Vivamus sed magna quis ligula eleifend adipiscing. Duis orci. Aliquam sodales tortor vitae ipsum. Aliquam nulla. Duis aliquam molestie erat. Ut et mauris vel pede varius sollicitudin. Sed ut dolor nec orci tincidunt interdum. Phasellus ipsum. Nunc tristique tempus lectus.</p>
    </div>
</div>

</div><!-- End demo -->

test1.html.erb

<%= @test %>

Кажется функциональность Ajaxработать.При нажатии на вкладку test1 вся страница загружается в div с соответствующими данными.Очевидно, что это не желаемая функциональность - я просто хочу, чтобы показывался test1.html.erb, а не он отображался с application.html.erb.

Я также нашел различные примеры для rails, которые используют соглашениеимеющий файл .js.erb.(http://blog.bernatfarrero.com/jquery-and-rails-3-mini-tutorial/)

Любой вклад в это было бы здорово.

Ответы [ 2 ]

0 голосов
/ 22 июля 2013

https://github.com/joliss/jquery-ui-rails
Это позволяет легко реализовать jquery-ui в ruby ​​на рельсах.

0 голосов
/ 06 октября 2011

Поместите свой код JavaScript в файл application.js, включите его в свой обзор, и все готово.

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...