Devextreme: TreeList - New Filter Modes

[Alyar666]

The Problem

In the TreeList widget, filter results include matching rows with their ancestors but without descendants.

The Proposed Solution

We added the filterMode option that controls which rows filter and search results should include.

This option accepts the following values:

• fullBranch
  The results include rows that meet the filter condition and their ancestors and descendants. The descendant rows appear collapsed.

• withAncestors (default mode)
  The results include rows that meet the filter condition and their ancestors.

The following images illustrate these modes:

let treeListOptions = {
    filterMode: "fullBranch"
};

let treeListOptions = {
    filterMode: "withAncestors"
};

Try It

Live Sandbox

jQuery

Angular

Installation

Follow the installation guide from the release page and leave us feedback on this topic.

We Need Your Feedback

Take a Quick Poll

Do you find these filter modes useful?

Get Notified of Updates

Subscribe to this thread or to our Facebook and Twitter accounts for updates on this topic.

[hakimio]

Can we also get this feature for TreeView?

[dxbykov]

Hi @hakimio,

Can we also get this feature for TreeView?

It's not in our plans for v19.1, but we'll consider possibilities of adding this functionality to our TreeView. BTW, can it be an option for you to replace your TreeView with a single-column and headerless TreeList?

[hakimio]

can it be an option for you to replace your TreeView with a single-column and headerless TreeList?

Hi Alexander,
Yes, that's an option. The only real drawback is that it would increase the bundle size significantly.

[dxbykov]

Am I right that you are not using TreeList or DataGrid in your app?

[hakimio]

Am I right that you are not using TreeList or DataGrid in your app?

Only DataGrid.

[hakimio]

Just made a quick test: importing TreeList module to Angular app, adds ~65KB to production bundle (before gzip), while TreeView module only adds ~2KB.

[spaatz880]

What about adding child filtering to GridView?

[Alyar666]

Hello @spaatz880,

What do you mean by children in the GridView?

[genachka]

This is a great feature, thank you for adding it!

[dxbykov]

Thank you to everybody who gave us feedback on this feature. It's available in the v19.1 release. I'm closing this thread. In the case of bugs or questions, feel free to create new GitHub issues or tickets in our Support Center.