Filter via header row in TreeList

[dandv]

Another feature parity item vs. kendoGrid: filtering via header row works in Grid, but not in TreeList.

[Atanas Korchev]

Hi Dan,

The TreeList widget was recently introduced and it doesn't have all the Grid features implemented from the very first release. Having said that you will see more Grid features supported in the TreeList in our upcoming Q1 2015 release.

Regards,
Atanas Korchev
Telerik

 

 

[Chris]

I'm using the 2015.01 Kendo Javascript UI. In the documentation, (http://docs.telerik.com/kendo-ui/api/javascript/ui/treelist#configuration-columns.filterable.ui), it says that you can do the following, but I tried and it doesn't work.

 

filterable: {
ui: function(element) {
element.kendoDateTimePicker(); // initialize a Kendo UI DateTimePicker
}

OR

filterable: {
ui: "datetimepicker"
}

 

For the first example, I tried to put the following as the callback function just to see if it was ever called, and it wasn't.

function(element){ alert("efeaseaij"); }

[Atanas Korchev]

Hello Chris,

Here is a live demo which works as expected with the 2015 version: http://dojo.telerik.com/@korchev/EbiNa

Regards,
Atanas Korchev
Telerik

 

 

[Ron]

Will the filter row be available for the Treelist component in the near future?

Regards,
Ron

[Nikolay Rusev]

Hello Ron,

Currently there aren't plans for implementing such feature. You can submit this as a feature request on UserVoice, so that it is considered for implementation in a future release.

Regards,
Nikolay Rusev
Telerik

 

 

[Karan]

So this feature is still not available in 2017.2.621 ?

[Angel Petrov]

Hi,

I am afraid it is still not available. I strongly suggest voting for it in the feedback portal(you can do this by voting here and here). The more votes the request receives the higher the chance of being implemented in the near future.

Regards,
Angel Petrov
Progress Telerik

[Bryon]

Hard to believe adding a Filter Row to TreeList hasn't been looked at yet. It's been voted up, but not addressed in years? What's going on?

[Angel Petrov]

Hi,

There were tasks with higher priority and more votes that the filter row item and that is why it is still not implemented. We prioritize our items for every quarter based on the user feedback and features we want to integrated. I hope that the filter row will be included in the upcoming releases.

Regards,
Angel Petrov
Progress Telerik

[Bryon]

I was checking out this demo...

jQuery TreeList filterable.operators.string

So, is there a way to apply this jQuery to the MVC TreeList for just the Filtering? I could make my issue work if the only options for the filter were "Contains" and the search textbox. I've tried this, but it doesn't work...

@(Html.Kendo().TreeList<tlkpFolder>()
        .Name("RoleFolderList")
        .Columns(columns =>
        {
            columns.Add().Field(e => e.Folder_Name).Title("Folder(s)").TemplateId("folderImage-template").Width(165);
            columns.Add().Field(e => e.Commit_Ind).Title("Environment").TemplateId("environmentName-template").Width(40);
            columns.Add().Field(e => e.Active).Title("Active").TemplateId("activeIndicator-template").Width(25);
            columns.Add().Field(e => e.Modified_ID).Title("Modified By").Width(40);
            columns.Add().Field(e => e.Modified_Dtm).Title("Modified Date").Format("{0:MM/dd/yyyy hh:mm tt}").Width(30);
        })
        .Sortable()
        .Selectable()
        .Filterable(true)
        .Pageable(p => p.PageSize(10)
            .PageSizes(true)
        )
        .DataSource(dataSource => dataSource
            .Read(r => r.Action("RoleFolder_TreeListBind", "Role", new { roleId = Model.Role_ixkey }))
            .ServerOperation(false)
            .Model(m =>
            {
                m.Id(f => f.Folder_ixkey);
                m.ParentId(f => f.ParentFolder_ixkey);
                m.Expanded(true);
                m.Field(f => f.Folder_Name);
                m.Field(f => f.ParentFolder_ixkey);
            })
        )
        .Events(e => e.Change("getRoleFolderInfo"))
)
<script>
    $("#RoleFolderList").kendoTreeList({
        filterable: {
            extra: false,
            operators: {
                string: {
                    contains: "Contains"
                }
            }
        }
    });
</script>

...AND TRIED...

<script>
    $('#RoleFolderList').data('kendoTreeList').kendoTreeList({
        filterable: {
            extra: false,
            operators: {
                string: {
                    contains: "Contains"
                }
            }
        }
    });
</script>

 

Any help would be great.

 

Bryon D. Gray

[Bryon]

In my research, I found this...

https://github.com/telerik/kendo-ui-core/issues/2883

...is there anything that can be done?

[Angel Petrov]

Hello,

I am sorry to say but the only way to currently handle this is to replace the MVC wrapper definition with a widget. In order to easily achieve this you can inspect the source of the page and check what settings does the wrapper serialize as shown here.

Regards,
Angel Petrov
Progress Telerik