Модальное диалоговое окно Rails, которое создает запись, затем обновляет страницу при закрытии - PullRequest
0 голосов
/ 06 сентября 2011

Я изучаю Rails, создав простую программу отслеживания рецептов.Вот где я застрял: когда я нахожусь в форме для создания нового рецепта в системе, если источник этого рецепта (например, книга, журнал и т. Д.) В настоящее время не существует, я хотел бы создать его тожевремя.Другими словами, когда я смотрю на 'recipe / new.html', если мне нужно добавить новый источник, используя диалог jQuery (или другой подход, если это имеет больше смысла), я хотел бы отобразить 'source / _form.html.erb '(частичное для нового источника рецепта), создайте новый источник рецепта, а затем вставьте эту новую запись в конец моего поля выбора.

Из recipe / new.html:

<div class="field">
    <%= f.label :source %><br />
    <%= select("recipe", "source_id", Source.all.sort_by(&:title).collect {|s| [ s.title, s.id ] }, { :include_blank => true }) %>
    <%= link_to "new source", new_source_path (@source, :format => :js), :remote => true %>
</div>

Из sources / new.js.erb

$("<%= escape_javascript render(:partial => 'sources/form') %>").dialog();
$('#new_comment_link').hide();

Из controllers / sources_controller.rb

  # GET /sources/new
  # GET /sources/new.xml
  def new
    @source = Source.new

    respond_to do |format|
      format.html # new.html.erb
      format.xml  { render :xml => @source }
      format.js
    end
  end

  # GET /sources/1/edit
  def edit
    @source = Source.find(params[:id])
  end

  # POST /sources
  # POST /sources.xml
  def create
    @source = Source.new(params[:source])

    respond_to do |format|
      if @source.save
        format.html { redirect_to(@source, :notice => 'Source was successfully created.') }
        format.xml  { render :xml => @source, :status => :created, :location => @source }
      else
        format.html { render :action => "new" }
        format.xml  { render :xml => @source.errors, :status => :unprocessable_entity }
      end
    end
  end

Часть исходных файлов / формы, которая должна отображаться в диалоге jquery, затем исчезаетпри отправке.Когда диалог закрывается, я хочу, чтобы новая запись, созданная этой формой, добавлялась в конец моего поля выбора на recipe / new.html:

<%= form_for(@source) do |f| %>
  <% if @source.errors.any? %>
    <div id="error_explanation">
      <h2><%= pluralize(@source.errors.count, "error") %> prohibited this source from being saved:</h2>

      <ul>
      <% @source.errors.full_messages.each do |msg| %>
        <li><%= msg %></li>
      <% end %>
      </ul>
    </div>
  <% end %>

  <div class="field">
    <%= f.label :title %><br />
    <%= f.text_field :title %>
  </div>
  <div class="field">
    <%= f.label :author_last %><br />
    <%= f.text_field :author_last %>
  </div>
  <div class="field">
    <%= f.label :author_first %><br />
    <%= f.text_field :author_first %>
  </div>
  <div class="field">
    <%= f.label :media_type %><br />
    <%= f.text_field :media_type %>
  </div>
  <div class="actions">
    <%= f.submit %>
  </div>
<% end %>

Спасибо, что нашли время, чтобы прочитать это.

РЕДАКТИРОВАТЬ: Чтобы быть более точным в том, что моя проблема, код выше отображает диалоговое окно и позволяет мне представить новый источник.Однако после отправки он перенаправляет на страницу просмотра нового источника, а не на новую форму рецепта, которую я запустил до того, как открыл диалоговое окно.

1 Ответ

0 голосов
/ 07 сентября 2011

Итак, после всего этого, мне просто нужно было изменить одну вещь в моей части.Изменение было от:

<%= form_for(@source) do |f| %>

до

<%= form_for (@source, :remote => true) do |f| %>

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

...