Filter Column Template

[Milan]

Hello,

I'm trying to replace filter widget in filter row in grid and detail grids.

My replacement should be standard text box input: <input class="k-input" id="fullName" style="width: 100%;" placeholder="Hledat subjekt">

It would be perfect if i can set template of this filter cell when defining columns like this:

columns: [
            {
                field: "color",
                filterable: {
                    cell: {
                        template: <input class="k-input" id="fullName" style="width: 100%;" placeholder="Hledat subjekt">
                        },
                        showOperators: false
                    }
                }
            }

I'd like to define it by html element or by kendo element if there is such (i have not found any)

Can you help me with solution please?

[Georgi]

Hi Milan,

Please check out the following example in the link bellow that illustrates how to add custom template to your filter input field.

• http://docs.telerik.com/kendo-ui/api/javascript/ui/grid#configuration-columns.filterable.cell.template

Note that the template property expects a function. You can use the argument of the function to get reference of the input element and customize it as required.

In the link bellow I created a dojo example with custom template matching your requirements.

• http://dojo.telerik.com/iCocE

Regards,
Georgi
Telerik by Progress

[Milan]

Hi Georgi,

your solution solved my problem. Thank you.

 

Best regards,

Milan