cellDataBound

Event fires after insert of a cell in the grid during the loading of the data

Parameters

NameTypeDescription
e {object} event data
$displayEl {object} inner div element for display of the cell value presented as jquery object
id {string} the id of the record
column {object} the column configuration data
record {object} the data of the row record

Examples

sample

    
 <table id="grid"></table>
 <script>
     var grid = $('#grid').grid({
         dataSource: '/Players/Get',
         columns: [ { field: 'ID', width: 56 }, { field: 'Name' }, { field: 'PlaceOfBirth' }, { field: 'Bulgarian', title: 'Is Bulgarian?' } ]
     });
     grid.on('cellDataBound', function (e, $displayEl, id, column, record) {
         if ('Bulgarian' === column.field) {
             $displayEl.text(record.PlaceOfBirth.indexOf('Bulgaria') > -1 ? 'Yes' : 'No');
         }
     });
 </script>