This is a migrated thread and some comments may be shown as answers.

Filter row input box tooltip

1 Answer 145 Views
Grid
This is a migrated thread and some comments may be shown as answers.
Arthur
Top achievements
Rank 1
Arthur asked on 05 Nov 2017, 01:36 AM

Hello,

With the following filter configuration how can I show a tooltip in the filter input that reflects the configured operator?

Column config:

columns.Bound(c => c.Reference).Filterable(f => f.Cell(c => c.Operator("equals").ShowOperators(false)));

Grid config:

.Filterable(f => f.Mode(GridFilterMode.Row))

The filter input markup would contain the following attribute:

title="Is equal to"

 

Thanks

 

1 Answer, 1 is accepted

Sort by
0
Preslav
Telerik team
answered on 08 Nov 2017, 01:02 PM
Hi Arthur,

I realize the described requirement may be important for your use case, but unfortunately, the Grid does not support it. What I can suggest is handling the dataBound event. In the event handler, select the filter input via jQuery and change its title.
For example, the code could look like:

<script>
    function onDataBound(e) {
        var grid = e.sender;
        var filterInput = grid.element.find("[title='Order ID']");
 
        filterInput.each(function (e) {
            $(this).attr('title', 'Is equal to');
        });
    };
</script>

I hope this helps.


Regards,
Preslav
Progress Telerik
Try our brand new, jQuery-free Angular components built from ground-up which deliver the business app essential building blocks - a grid component, data visualization (charts) and form elements.
Tags
Grid
Asked by
Arthur
Top achievements
Rank 1
Answers by
Preslav
Telerik team
Share this question
or