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

Checkbox filtering in Treelist

5 Answers 271 Views
TreeList
This is a migrated thread and some comments may be shown as answers.
jacquiline
Top achievements
Rank 1
jacquiline asked on 16 Oct 2020, 08:10 PM
How can we add the checkbox filtering found in Grid to a Treelist?

5 Answers, 1 is accepted

Sort by
0
jacquiline
Top achievements
Rank 1
answered on 20 Oct 2020, 03:59 PM
I followed this http://dojo.telerik.com/@SiliconSoul/oBoCu
0
Anton Mironov
Telerik team
answered on 20 Oct 2020, 05:21 PM

Hi Jacquiline,

Thank you for the provided dojo example.

In order to achieve the same result for Kendo UI TreeList use the same flow of function handlers. The implementation that I made for the purpose could be found in the following dojo:

Filter the column "LastName". This will call the "filterMenuInit" method and set the needed multi checkbox filter menu.

After making the needed tests locally let me know if further assistance is needed. 

Kind Regards,
Anton Mironov
Progress Telerik

Virtual Classroom, the free self-paced technical training that gets you up to speed with Telerik and Kendo UI products quickly just got a fresh new look + new and improved content including a brand new Blazor course! Check it out at https://learn.telerik.com/.

0
Jamie
Top achievements
Rank 1
Veteran
answered on 21 Oct 2020, 04:50 PM
I had the same need actually (maybe this could be added as an out of the box option in a future release).  I got the sample working just fine and the checkbox menu comes up.  But if I turn on the Column Menu so that I can also use the interface for selecting columns, the filter init function no longer triggers when the filter menu opens/runs.  Am I missing something?
0
Jamie
Top achievements
Rank 1
Veteran
answered on 21 Oct 2020, 05:20 PM

So I still think this is a bug (the filtermenuinit and filtermenuopen events don't fire when columnMenu is on) but I think I found a work around so figured I'd share in case others are trying to do this too.

Using the dojo code Anton posted above, I had the onFilterMenuInit function to fire on the columnMenuInit function instead and then in the initCheckboxFilter function I changed the helpTextElement variable definition to be "var helpTextElement = e.container.find(".k-filter-menu").children(":first").children(":first");

So far that seems to work

0
Anton Mironov
Telerik team
answered on 23 Oct 2020, 10:37 AM

Hello Jamie,

I am glad to hear that the issue you were facing is now resolved.

Thank you for the provided solution with the column menu scenario. Really appreciate sharing the approach.

Let me know if further information or assistance is needed.

 

Greetings,
Anton Mironov
Progress Telerik

Virtual Classroom, the free self-paced technical training that gets you up to speed with Telerik and Kendo UI products quickly just got a fresh new look + new and improved content including a brand new Blazor course! Check it out at https://learn.telerik.com/.

Tags
TreeList
Asked by
jacquiline
Top achievements
Rank 1
Answers by
jacquiline
Top achievements
Rank 1
Anton Mironov
Telerik team
Jamie
Top achievements
Rank 1
Veteran
Share this question
or