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

kendoui grid header filtering like devexpress filtering (and like excel)

5 Answers 286 Views
Grid
This is a migrated thread and some comments may be shown as answers.
nathan
Top achievements
Rank 1
nathan asked on 26 Jul 2012, 09:46 AM
hi, we're evaluating the MVC kendoUI against devexpress mvc components and we're leaning towards the kendoUI set, apart from one thing...

The filtering of data in deveexpress example here is a drop down with checkboxes for which items to filter on per column:
http://mvc.devexpress.com/GridView/Filtering

I can't see that this is possible currently with kendoUI? you have the option to filter outside of the table here:
http://demos.kendoui.com/web/grid/toolbar-template.html

but really we need this in the column headers, as checkboxes (like excel)

Any pointers? is there a hack to do this, or plans to implement? It's frustrating as its the one thing stopping us jumping in head first!

thanks

nathan

5 Answers, 1 is accepted

Sort by
0
aph5
Top achievements
Rank 1
answered on 10 Aug 2012, 12:46 PM
Hi Nathan,
Did you find any solution for this problem ? I also have to implement 'devex like filtering' using KendoUI.

Please give me a shout, when you will have any workaround.

Cheers,

0
Adrian
Top achievements
Rank 1
answered on 20 Aug 2012, 05:04 PM
I get column-oriented filtering like so:

$("#gridTeam").kendoGrid({
    columns: [
        { "field": "empLastName", "title": "Last", "filterable": true, "width": "25%" },
        { "field": "empFirstName", "title": "First", "filterable": true, "width": "25%" },
        { "field": "empRole", "title": "Role", "filterable": true, "width": "25%" },
        { "field": "hours", "title": "Hours", "filterable": true, "width": "25%" }
    ],
    dataSource: dataTeam,
    sortable: {
        mode: "multiple",
        allowUnsort: true
    },
    filterable: true,
    columnMenu: true
});

"columnMenu: true" enables the drop-down menu on the column header, and "filterable: true" enables filtering. It's not "checkbox-based", but it is functional. The columnMenu also allows for selectively displaying and hiding columns via checkboxes.

I'm not sure if this is what you're looking for, since I've never used DevEx, but I hope this is at least helpful. :)
0
Joe
Top achievements
Rank 1
answered on 25 Jan 2014, 02:47 AM
I'm not sure why this thread has died off, but this feature would be huge.  I have been waiting for telerik to add this to all their grid controls and sadly they have not done yet.  DevExpress is really starting to pull me in because of this ONE feature.  Please telerik add this feature. 
0
Victor
Top achievements
Rank 1
answered on 17 Jul 2014, 05:36 PM
We needed this feature badly.  Hopefully, it will be added as a standard feature.  I implemented a solution that involved creating a custom widget.  It seems to be working.  Getting the custom widget to work in conjunction with the built-in filtering mechanism was tricky.  You can see the implementation here:

http://jsfiddle.net/victordscott/5kbfY/
0
Thien
Top achievements
Rank 1
answered on 19 Sep 2014, 12:49 AM
Hi Victor I am trying to bind to grid events such as when a user adds, edits, changes, or deletes a row but can't get it to work using your checkbox filter. How would you bind the checkbox list to update on these events?
Tags
Grid
Asked by
nathan
Top achievements
Rank 1
Answers by
aph5
Top achievements
Rank 1
Adrian
Top achievements
Rank 1
Joe
Top achievements
Rank 1
Victor
Top achievements
Rank 1
Thien
Top achievements
Rank 1
Share this question
or