title: Bootstrap Modal passing data through on('click-row.bs.table'
body: <p>I have to Bootstrap Modal Windows... One with a table(<code>#items</code>) and another(<code>#item</code>) with form Data.</p>
  
  <p>Now i want to click on a row in the table and want to open the other modal windows and want to pass data through.</p>
  
  <pre><code>$('#items-table').on('click-row.bs.table', function (e, row, $element) {
      $('#items').modal('hide');
      $('#item').modal('show');
      //Need to pass row.id to #item
  });
  </code></pre>
  
  <p>this is where i catch the click from the table row. Here i get the <code>row.id</code> which i want to use in my <code>#item</code> form.</p>
  
  <pre><code>$('#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
  
  })
  </code></pre>
  
  <p>these two lines which are standing there are from a button which has a data- Attribute. This is working fine, but how i can pass the <code>row.id</code> from the table?</p>