Event fires after insert of a cell in the grid during the loading of the data
Parameters
| Name | Type | Description |
|---|---|---|
| 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>