Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

TreeList - New Filter Modes #7270

Open
Alyar666 opened this issue Mar 13, 2019 · 9 comments

Comments

Projects
None yet
5 participants
@Alyar666
Copy link
Contributor

commented Mar 13, 2019

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"
};

fullBranch

let treeListOptions = {
    filterMode: "withAncestors"
};

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

This comment has been minimized.

Copy link

commented Mar 13, 2019

Can we also get this feature for TreeView?

@dxbykov

This comment has been minimized.

Copy link
Contributor

commented Mar 14, 2019

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

This comment has been minimized.

Copy link

commented Mar 14, 2019

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

This comment has been minimized.

Copy link
Contributor

commented Mar 14, 2019

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

@hakimio

This comment has been minimized.

Copy link

commented Mar 14, 2019

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

Only DataGrid.

@hakimio

This comment has been minimized.

Copy link

commented Mar 14, 2019

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

This comment has been minimized.

Copy link

commented Apr 4, 2019

What about adding child filtering to GridView?

@Alyar666

This comment has been minimized.

Copy link
Contributor Author

commented Apr 5, 2019

Hello @spaatz880,

What do you mean by children in the GridView?

@genachka

This comment has been minimized.

Copy link

commented May 13, 2019

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

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
You can’t perform that action at this time.