숨기기 내가이처럼 설정 <a href="http://bootstrap-table.wenzhixin.net.cn/" rel="nofollow noreferrer">Bootstrap Table</a>가 부트 스트랩 표

Question

를 사용 row.id에 따라 행을 클릭 :

<table data-toggle="table" 
     id="table" 
     data-id-field="id"> 
    <thead> 
    <tr> 
     <th data-field="id">ID</th> 
     <th>Name</th> 
     ... 
    </tr> 
    </thead> 
    <tbody> 
    <tr> 
     <td>11</td> 
     <td>bootstrap-table</td> 
     ... 
    </tr> 
    </tbody> 
</table> 

내가 행의 ID를 사용하여 클릭되는 행의를 숨기기 위해 노력하고 있어요 :

$(function() { 
    $('#table').on('click-row.bs.table', function (e, row, $element) { 
     $table.bootstrapTable('hideRow', { uniqueId: row.id}); 
    }); 
}); 

을

하지만 아무 일도 일어나지 않습니다. 지금까지의 문제 해결은 내가 { uniqueId: row.id} 부분을 가지고 있지 않음을 나타냅니다. hideRow에 대한

Bootstrap Table docs는 말한다 :

이 지정된 행을 숨 깁니다. param은 적어도 다음 속성 중 하나를 포함해야합니다 : index : 행 인덱스. uniqueId : 해당 행의 uniqueId 값입니다.

클릭하면 내 문제가되는 행이 보이지 않는 것을 보여주는 fiddle입니다.

어떻게 작동합니까?

Answer 1

여기가 해결책입니다. 현재 행의 index을 전달해야합니다.

그래서, 첫 번째 행 .. 두번째 등등 인덱스 1을 가지고 있으며,

$(function() { 
    var $result = $('#eventsResult'); 
    var $table = $('#table'); 

    $table.on('click-row.bs.table', function (e, row, $element) { 
     $result.text('Event: click-row.bs.table on: ' + row.id); 
     $table.bootstrapTable('hideRow', {index:$element.index(),isIdField: true}); 
    }); 
});