Creating and editing an object using modal rails

I am trying to create and edit an object using a modal view in the html index in Rails. I am using twitter bootstrap in a project. I have so far successfully created an object using modal. In order to work, I had to create an object called @post = Post.new in my index action.

Since before editing the editing mod, the editing object should be ready as @post = Post.find (params [: id]), but this happens in the editing action.

Is this the way I can initialize @post for my editing of a modal view before it is displayed?

Here is my code:

index.html.erb

<div class="page-header">
    <h1>Posts</h1>
</div>


<% @posts do |post| %>
  <tr>
    <td><%= post.name %></td>
    <td><%= post.description %></td>

    <td><%= link_to 'Edit', edit_post_path(post), :class => 'btn btn-mini btn-min-standard-width',  :data => {:toggle => "modal", :target => "#editItemModal"} , :remote => true %>
        <%= link_to 'Destroy', post, confirm: 'Are you sure?', method: :delete, :class => 'btn btn-mini btn-danger btn-min-standard-width'  %></td>
  </tr>
<% end %>


<%= link_to 'New Item', new_post_path, 
        :class => 'btn btn-primary btn-standard-width' ,  :data => {:toggle => "modal", :target => "#newItemModal"} , :remote => true %>





<div id="newItemModal" class="modal hide fade" >
    <button type="button" class="close" data-dismiss="modal">×</button></h1>
    <div class="page-header">
        <h1>New item </h1>
    </div>

    <%= render :partial => 'form' %>
</div>


<div id="editItemModal" class="modal hide fade" >
    <button type="button" class="close" data-dismiss="modal">×</button></h1>
    <div class="page-header">
        <h1>Edit item </h1>
    </div>

    <%= render :partial => 'form' %>
 </div>

_form.html.erb

<%if @post%>

    <%= form_for(@post, :html => { :class => 'form-horizontal', :remote => true } ) do |f| %>


     <div class="control-group">
        <%= f.label :name, :class => 'control-label' %>
        <div class="controls">
           <%= f.text_field :name %>
       </div>
     </div>
    <div class="control-group">
        <%= f.label :description, :class => 'control-label' %>
        <div class="controls">
            <%= f.text_area :description %>
        </div>
     </div>


    <div class="form-actions">
       <%= f.submit nil, :class => 'btn btn-primary' %>
     </div>


    <% end %>
<% end %>

Postcontroller

class PostsController < ApplicationController

 def index
    @post = Post.new
    @posts = Post.all

    respond_to do |format|
      format.html # index.html.erb
      format.json { render json: @posts }
    end
  end

 def show
    @post = Post.find(params[:id])

    respond_to do |format|
       format.html # show.html.erb
       format.json { render json: @post }
     end
  end

 def new
    @post = Post.new
 end

  def edit
    @post = Post.find(params[:id])
    respond_to do |format|
      format.html
     format.json { render json: @post }
    end
  end

............

+5
1

, , @post .

, :

  • , , ,
  • @post Post, id,

, .

0

All Articles