2017-03-04 10 views
0

私はレール上のボタンにonclickイベントを追加しようとしています。この機能をクリックすると、テーブルに行を追加することですが、機能していません。 JavaScriptのレールプロジェクトディレクトリ\ \ Users \ユーザーユーザー名\ドキュメント\部門\アプリケーション\資産:submit_tagにイベントを追加してonclickする方法

**addRow function** 

function addrow(count){ 
    var table = document.getElementById("result_table"); 
    var row = document.getElementById("result_table").lastChild; 
    var clone = row.cloneNode(true); 
    for (i=0; i<count; i++)}{ 
    table.appendChild(clone); 
    } 
} 

は、上記の機能は、Cに配置されてcontrolMenus.jsと呼ばれるファイルです。

**The view** 

<div = "row"> 
    <div class = "col-8"> 
    <div class = "col-1"></div> 
    <div class = "col-1 no-padding"> 
     <%= render 'layouts/lecturer_menu' %> 
    </div> 

    <div class = "col-5 no-padding margin-left"> 
     <div class = "trans-background no-padding"> 
     <h5 class = "pad-left centered black-font">ENTER RESULT</h5> 
     <table id = "result_table" border = "1" style="width: 100%; 
       align: center;"> 
      <th>S/N</th> 
      <th>MATNO</th> 
      <th>NAME</th> 
      <th>COURSE TITLE</th> 
      <th>COURSE CODE</th> 
      <th>GRADE</th> 
      <th>POINT</th> 
      <tr> 
      <td>1</td> 
      <td>HELLO</td> 
      <td>HELLO</td> 
      <td>HELLO</td> 
      <td>HELLO</td> 
      <td>HELLO</td> 
      <td>HELLO</td> 
      </tr> 
      <% for i in([email protected]_i)do %> 
      <tr> 
       <td><%= i+1 %></td> 
       <td>HELLO</td> 
       <td>HELLO</td> 
       <td>HELLO</td> 
       <td>HELLO</td> 
       <td>HELLO</td> 
       <td>HELLO</td> 
      </tr> 
      <% end %> 
     </table> 
     <%= form_for :rows, url: {controller: "lectureractivities", 
       action: "addrow"} do |f| %> 
      <%= f.number_field :row, {min: 1, class: "fixed-width"} %> 
      <%= submit_tag :addrows, onclick: "addrows();" %> 
     <% end %> 
     </div> 
    </div> 
    <div class = "col-1"></div> 
    </div> 
</div> 

答えて

2

どういう意味ですか?デバッグのために何をしましたか? jsファイルがロードされていることを確認しましたか? js関数の変数が期待どおりのものであることを確認するためにコンソールに何かを記録しましたか?手始めに、あなたのhtmlのエラー数があり、最も明白なこのライン

<%= submit_tag :addrows, onclick: "addrows();" %> 

あなたが「AddRowsを」関数を呼び出すにありますが、あなたの関数は、「のAddRow」と定義されます。

<%= f.submit_tag :addrows, onclick: "addrow();" %> 
+0

okありがとうございました@margoは、タイプミス** addrows()**です。現在動作しています。 –

+0

私の答えが助けてくれたら、チェックマークをクリックするか、上向きの矢印 – margo

+0

をクリックして投票してください。それは@margoでした。もう一度あなたの時間のためにありがとう。 –

関連する問題