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 

}) 

거기에 서있는이 두 줄은 data- 속성이있는 버튼에서 온 것입니다. 이것은 잘 작동하지만 테이블에서 row.id을 전달할 수 있습니까?

$('#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 
}); 

과 같은 모달에서 그것을 잡을 :

+1

도움이 될만한 답변 : https://github.com/wenzhixin/bootstrap-table-examples/blob/master/crud/index.html – wenyi

+0

내 문제가 해결 될 수 있습니다. 다음주에 테스트 해 보겠습니다. 건배! –

+0

@wenyi는 나를 위해 일했습니다. 감사! –

답변

1

그래서 나는이 적절히 관리에 알아 냈 해당 링크에 대한 @wenyi하는

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

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

}) 

큰 감사를!

+0

당신은 오신 것을 환영합니다! – wenyi