Hi Pawel
Thanks for using Syncfusion Products.
We have analyzed your requirement to insert watermark
text to the filtercell in grid. This can be achieved using the following
workaround solution. Please refer the below code snippet.
<style>
.water {
opacity:
0.4;
font-style: italic;
}
</style>
@(Html.EJ().Grid<SampleApp.Models.OrdersView>("Grid")
. . .
.ClientSideEvents(eve=>eve.Create("create"))
.Render())
<script type="text/javascript">
function create(args) {
$(".e-filtertext").addClass('watermark').text('Set Filtering');
$('.watermark').on('focus', function () {
var $tb =
$(this);
if
($tb.val() == 'Set Filtering') {
$tb.val('');
$tb.removeClass("water");
}
}).on('blur', function () {
var $tb =
$(this);
if ($.trim($tb.val()) == '') {
$tb.val('Set Filtering');
$tb.addClass("water");
}
}).blur();
}
</script>
|
For your convenience, we have created a simple sample
implementing your requirement. The sample can be downloaded from the
attachment.
In the sample attached, we have added a css class to the
filtercell in the create event of the grid.
Please let us know if you need any further assistance.
Regards
Ragavee U S
Attachment:
SampleApp_ccbf8b0.zip