2016-07-20 6 views
0

を私はブートストラップモーダルウィンドウに持って...テーブルの一つの(#items)と、別の(#item)フォームデータを持つ。ブートストラップモーダル通過データに貫通(「クリックrow.bs.table」

今私テーブルの行をクリックしますと、他のモーダルウィンドウを開いて、を介してデータを渡すにしたい。

$('#items-table').on('click-row.bs.table', function (e, row, $element) { 
    $('#items').modal('hide'); 
    $('#item').modal('show'); 
    //Need to pass row.id to #item 
}); 

私はテーブルの行からのクリックをキャッチする場所です。ここに私がいる私row.idを取得#itemフォームで使用します。

$('#item').on('shown.bs.modal', function (event) { 
    var button = $(event.relatedTarget); // Button that triggered the modal 
    var itemId = button.data('item-id') ;// Extract info from data-* attributes 

}) 

これらの2本の線は、データ属性を持つボタンからのものです。これは正常に動作していますが、私はテーブルからrow.idを渡すことができますか?

+1

多分あなたに役立つでしょう:https://github.com/wenzhixin/bootstrap-table-examples/blob/master/crud/index.html – wenyi

+0

これは私の問題を解決できると思います。来週テストします!乾杯! –

+0

@wenyiは私のために働いた。ありがとう! –

答えて

1

だから私は、これを適切に管理するに考え出し:

$('#items-table').on('click-row.bs.table', function (e, row, $element) { 
    $('#items').modal('hide'); 
    $modal('#item'); 
    $modal.data('id', row.id); 
    $modal.modal('show'); 
    //Need to pass row.id to #item 
}); 

とモーダルのようにそれをキャッチ:そのリンクのため@wenyiする

$('#item').on('shown.bs.modal', function (event) { 

    var modal = $(this); 
    var id = modal.data('id'); 

}) 

大きな感謝を!

+0

あなたはようこそ! – wenyi

関連する問題