2016-07-20 4 views
0

Я должен Bootstrap Модальные окна ... Один с таблицей (#items) и другой (#item) с данными формы.Bootstrap Модальные передачи данных через по («клик-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 

}) 

Эти две строки, которые стоят там, находятся на кнопке с атрибутом данных. Это работает нормально, но как я могу передать 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 
}); 

и поймать его в модальных как:

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

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

}) 

большое спасибо @wenyi за эту ссылку!

+0

Добро пожаловать! – wenyi

 Смежные вопросы

  • Нет связанных вопросов^_^