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

Customize Time Filter in Grid

2 Answers 170 Views
Grid
This is a migrated thread and some comments may be shown as answers.
David
Top achievements
Rank 1
David asked on 10 Jun 2015, 11:08 PM

I can get the basic time filter working fine, but I want to customize the options. (e.g. the first time picker I want to be "GTE" and the second time picker to be "LTE", and the operator to be AND only.) I also want to specify the header text (e.g. where it says "Show items with value that:") 

here is my column def:

{
   title: hbLocalization.getString($scope.stringsModule, "_Time_"),
   field: 'QuarterHour',
   format: timeFormat,
   filterable: {
      ui: function (element) {
         element.kendoTimePicker({
            format: 'hh:mm tt',
            interval: 15
         });
      }
   }, width: 80 },

2 Answers, 1 is accepted

Sort by
0
Accepted
Boyan Dimitrov
Telerik team
answered on 12 Jun 2015, 01:39 PM

Hello David,

Please use the filterMenuInit event in order to modify the initial selection (or event remove some filtering operators) from the DropDownList widgets. Actually in the example is demonstrated how to  change the default operators. Same approach could be used in order to remove some of the operators. 

Regards,
Boyan Dimitrov
Telerik
 
Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
 
0
David
Top achievements
Rank 1
answered on 15 Jun 2015, 07:50 PM
Because I have menu: false, I had to use columnMenuInit instead, but it still worked perfectly! thanks!
Tags
Grid
Asked by
David
Top achievements
Rank 1
Answers by
Boyan Dimitrov
Telerik team
David
Top achievements
Rank 1
Share this question
or