detailCollapse

Event fires when detail row is hiding

Parameters

Examples

  
Edit this example
  <table id="grid"></table>
 <script>
     var grid = $('#grid').grid({
         dataSource: '../Grid/GetPlayers',
         detailTemplate: '<div/>',
         columns: [
             { field: 'ID' },
             { field: 'Name' },
             { field: 'PlaceOfBirth' }
         ]
     });
     grid.on('detailExpand', function (e, $detailWrapper, record) {
         $detailWrapper.append('Place of Birth: ' + record.PlaceOfBirth);
     });
     grid.on('detailCollapse', function (e, $detailWrapper, record) {
         $detailWrapper.empty();
         alert('detailCollapse is fired.');
     });
 </script>