|
<div>
<ejs-grid id="Grid" dataBound="bound" dataSource="ViewBag.DataSource" allowGrouping="true" allowFiltering="true" allowPaging="true">
<e-grid-groupsettings captionTemplate="#captiontemplate" columns="@(new string[] {"Verified"})"></e-grid-groupsettings>
<e-grid-filtersettings type="Excel" />
<e-grid-columns>
. . . . . . . . .
<e-grid-column field="Verified" headerText="Verified" width="150"></e-grid-column>
. . . . . . . . .
</e-grid-columns>
</ejs-grid>
</div>
<script>
function bound (args) { //dataBound event of Grid
var captionTemplate = document.getElementsByClassName('e-groupcaption');
for (var i = 0; i < captionTemplate.length; i++) {
if (captionTemplate[i].innerText == "false") {
var node = document.createElement("SPAN");
node.className = 'e-icons e-search';
node.width = "50px";
node.height = "50px";
captionTemplate[i].appendChild(node);
}
else {
var ele = document.createElement("SPAN");
ele.className = 'e-icons e-upload';
ele.width = "50px";
ele.height = "50px";
captionTemplate[i].appendChild(ele);
}
}
}
</script>
<script id="captiontemplate" type="text/x-template">
${groupTemplate(data)}
</script>
<script type="text/javascript">
function groupTemplate(args) {
if (args.field == "Verified") {
return args.key;
}
}
</script>
<style>
.e-search:before {
content: '\e993';
}
.e-upload:before {
content: '\e725';
}
</style>
| 
