2016-05-29 13 views
-1

ユーザが「編集」をクリックしたときにモーダルを開く編集行機能を作成したいと思います。私は開いたモーダルが私のデータがいっぱい含まれていたいJQuery - 行の編集機能

function addRow() 
    { 

     var fileNameIndex = $('#file').val().split('\\').pop(); 

     $('#sample_editable_1 tbody').append('<tr>'+ 
              '<td class="TDversion"> '+ 
              $('#version').val()+ 
              '</td>'+ 
              '<td class="TDplatform">'+ 
              '<input class = "hiddenField" type="hidden" value ="' + $('#DDLpackages option:selected').val()+ '"' + '>'+ 
              $('#DDLpackages option:selected').text()+ 
              '</td>'+ 
               '<td class="TDexpDate">'+ 
              $('#expDate').val()+ 
              '</td>'+ 
              '<td class="TDfile">'+ 
              fileNameIndex + 
              '</td>'+ 
              '<td>'+ 
              '<input type = "button" class = "editButton" value ="edit"></input>'+ 
              '<td>'+ 
              '<a class="cancel" href="">Delete</a>'+ 
              '</td>'+ 
              '</tr>'); 

     $('.editButton').on('click',function(){ 

      $("#myModal").modal("show"); 

     }); 
    } 

: 私は、行を追加し、次のコードを持っています。

+0

であるあなたが.editButton毎回行からのクリック機能が作成されたアンバインドしていることを確認します。 jQueryは新しいクリック機能をバインドします。一部のブラウザでは何度もクリックをトリガします._____データを渡すには、モーダルを表示する前にキャッチし、モーダル内のフィールドにデータを入力してから、 ') –

+0

あなたの質問は何ですか? – C14L

+0

「編集」をクリックすると、データを編集できるモーダルを表示したい –

答えて

-1

文字列テンプレートが

を維持するために非常に複雑かつ困難です、あなたはテンプレート言語を使用する必要があります

私の提案はhandlebars

関連する問題