-2

お願い助けて！！

編集可能なデータテーブルを作成したい。テーブルの上部には、javascriptを使用してテーブルに行を追加する[追加]ボタンがあります。そして、各行には、ボタン（リンク）の「保存」と「削除」が必要です。

サーバーにPOSTリクエストを送信するにはどうすればよいですか？

私の鈍さのために申し訳ありません。

application.jsにはこのような関数があります

function AddElementsToPage(elements) {
/*elements - is array with name elements whose will be add to page*/    
this.add_row_to_data_table = function(obj,attributes,selector_table){
    last_row_of_table = selector_table.find('tbody tr').last();
    var new_row = "<tr><th scope='row'></th>";

    if ($.isEmptyObject(last_row_of_table.html()))
    {
        $.each(attributes, function(index, item){
            input_tag = "<input id=\""+obj+"_"+item+"\" name=\""+obj+"["+item+"]\" size=\"10\"  type=\"text\" />";
            new_row = new_row + "<td>"+input_tag+"</td>";
        })
        alert(new_row);
        selector_table.append(new_row+"</tr>");
    }else
    {
        alert("not empty");
    }

}

私のコントローラーのアクションは新しい

def new
 @table_row = SchOfWorkInformation.new
respond_to do |format|
  format.js do
    render :action => 'new'
  end
end
end

私のnew.jsファイル

var obj = new AddElementsToPage();

obj.add_row_to_data_table("sch_of_working",["date","hour"], $('.data_table'))

私のindex.haml

 = link_to content_tag('span', "Add" , :class=>"add"),   new_sch_of_work_information_path, :remote => true
 %table{:border=>"1", :class=>"data_table", :style=>"width:450px"}
    %thead
      %th{:style=>"width:5%;"} №
      %th{:style=>"width:10%;"} Date
      %th{:style=>"width:10%;text-align:center;"} schedule_code
      %th{:style=>"width:2%;",:class=>"transperent_right_border"} 
      %th{:style=>"width:2%;"} 
    %tbody
      %tr
        %th{:scope=>"row"}
        %td=@sch.date
        %td=@sch.schedule_code
        %td{:style=>"text-align:center"}= link_tag "save", sch_of_work_informations, #how can send post request in here 
        %td{:style=>"text-align:center"}
4

1 に答える 1

0

これはあなたが見ているような答えだと思います。railscastshttp : //railscasts.com/episodes/196-nested-model-form-part-1ネストされたフォームのチュートリアルに従ってください。基本的に、行の追加ボタンがあり、javascriptにhtml行が追加され、行の削除ボタンもあります。これが完了したら、フォームの保存ボタンを押すだけで、すべての変更を行うことができます。

于 2012-07-31T13:38:58.857 に答える