Home/ Questions/Q 8916617
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-06-15T05:16:52+00:00

I got a task to pop up new window while clicking edit button.But i

  • 0

I got a task to pop up new window while clicking edit button.But i cannot get any solution for this. I have a class student and three attributes name,age and branch.I had created view through scaffolding.The task assigned to me is while clicking edit button,there should be a pop up window for edit those attributes.How can i do this? please help.I want to do this like jTable.
This is my index.html.erb

<table class="tablelist">
    <caption>Listing students</caption>
  <tr>
    <th>Name</th>
    <th>Age</th>
    <th>Branch</th>
    <th></th>

    <th></th>
  </tr>
<% @students.each do |student| %>
  <tr>
    <td><%= student.name %></td>
    <td><%= student.age %></td>
    <td><%= student.branch %></td>

    <td><%=link_to (image_tag("edit.png", :alt => 'Edit'), edit_student_path(student)) %></td>
    <td><%= link_to 'Destroy', student, :method => :delete, :data => { :confirm => 'Are you sure?' } %></td>
  </tr>
<% end %>
</table>

<br />

<%= link_to 'New Student', new_student_path %>

controller of this student class is

def list
    @students = Student.all
    @jtable = {'Result' => 'OK','Records' => @students.map(&:attributes)}

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

index.html.erb is

<html>
    <head>
        <%=stylesheet_link_tag "jtable_blue","http://code.jquery.com/ui/1.9.1/themes/base/jquery-ui.css",:media => "all" %>
        <%= javascript_include_tag "jquery-1.8.3.min","http://code.jquery.com/ui/1.9.1/jquery-ui.js","jquery.jtable.min"%>
<script type="text/javascript">
    jQuery.noConflict();
    jQuery(document).ready(function () {
        jQuery('#StudentTableContainer').jtable({
            title: 'StudentList',
            actions: {
                listAction: '/students/list',
                createAction: '/students/newstudent',
                updateAction: '/students/edit',
                deleteAction: '/students/destroy'
            },
            fields: {
                id: {
                    key: true,
                    create: false,
                    edit: false,
                    list: false
                },
                name: {
                    title: 'name',
                    width: '40%'
                },
                sex: {
                    title: 'sex',
                    width: '20%'
                },
                branch: {
                    title: 'branch',
                    width: '30%'
                }

            }
        });

       jQuery('#StudentTableContainer').jtable('load');
    });
</script>
</head>
<body>

    <div id="StudentTableContainer">
    </div>
</body>
</html>

routes.rb is

match 'students/list' => 'students#list', :as => :list
Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    How about instead of using a pop-up you , you use a pop-up modal like the one included in Twitter Bootstrap? Rails doesn’t handle pop-ups but you can generate them with javascript. There is also TopUp and prototype-window.

    • 0