2017-08-01 3 views
0

モーダルウィンドウを開くwhileループwhileループで、印刷された行ごとに削除ボタンを作成しようとしています。削除クエリはモーダルから実行されます。whileループでブートストラップモーダルに一意のデータを渡す方法

どのようにして、対応する行のID、タイトルなどをモーダルに渡すことができますか? 今のところ、最初のテーブル行からデータを取得するには、削除ボタンを押しても問題ありません。

そこには多くの解決策がありますが、それらを機能させることはできません。 誰かが私にこれを理解するのを助けることができます...

+3

私の最高の推測は、いくつかのコードを書くことでしょう、あなたがこれまでに持っているものとあなたが抱えているものを見せたいかもしれませんか? – Naruto

+0

各行のOnclickは_openModalDelete(idRow)関数を呼び出します。この関数内では、デフォルトのモーダルを開き、データをモーダルに変更してidRowを設定することができます。モーダルのボタンをクリックすると、このデータをチェックしてクリックしたidRowを取得する必要があります – Roy

答えて

0

私は自分のhtmlの下に隠れたモーダルを作成し、それを新しい変数にクローンし、その新しいモーダルのデータを変更して追加して起動します。アップ。

これを削除するか、2番目のテンプレートを作成する必要がある場合は、テンプレート/青写真にいつでもアクセスできます。 また、後で使用できるように、すべてのモーダルを個別に参照することもできます。それは本当にJavaScriptで行わニーズので

例えば$modal1.find('.inputEmail')$modal2.find('.inputEmail')

あなたは多くの入力

1

PHPを持っている場合でも、後でそのダイナミックを作ることができますが、サーバー側です。

興味がある場合はbs-delete-confirmという名前のJavascriptを作成しました。あなたは削除ボタンにクラスを追加し、それをクリックすると、hrefがページを離れるのを止め、あなたがアクションを実行したいかどうかを尋ねるBootstrapモーダルを表示します。 [OK]をクリックするとリンクが表示され、[キャンセル]はクリックしません。シンプル!

はこちらhttps://github.com/delboy1978uk/bs-delete-confirm

<a href="/delete-url" class="delete-class">X</a> 

$(document).ready(function(){ 
    $('.delete_class').deleteConfirm(); 
}); 

を、それをチェックアウトし、それはそれです!

関連する問題