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

Filter Multi Checkboxes - multiple filter panels appearing when changing data source

4 Answers 21 Views
Grid
This is a migrated thread and some comments may be shown as answers.
Marcin
Top achievements
Rank 1
Marcin asked on 25 May 2015, 12:40 PM

Dear Support team,

My company started using new kendo feature - Filter Multi Checkboxes. But we found an error which is connected to changing datasource in existing grid. More is shown in attached dojo link:

http://dojo.telerik.com/AkAxO

As you can see, after clicking 'Change data source' button, more than one filter panel is appearing when you are trying to filter column. Kendo creates new panel for every button click.

I looked into sources and the problem is related to creating FilterMultiCheck element - init method is runned every data source change, which is incorrect in our situation. 

Please let us know how we should solve this problem.

Marcin (Szwagier) Bębenek

 

4 Answers, 1 is accepted

Sort by
0
Kiril Nikolov
Telerik team
answered on 27 May 2015, 07:24 AM

Hello Marcin,

 

Thank you for contacting us.

 

I have tried to reproduce the problem, but to no avail. Can you please check the following screencast and let me know what I missed?

 

http://screencast.com/t/UFFmfAiBf

 

Regards,
Kiril Nikolov
Telerik
 
Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
 
0
Marcin
Top achievements
Rank 1
answered on 27 May 2015, 07:45 AM
You should click Apply / Clear button on the particular filter instead of hiding it by clicking on the filter icon. After that you should see multiply filter pop-ups. The number of pop-ups should be related to the number of data source changes.
0
Marcin
Top achievements
Rank 1
answered on 27 May 2015, 08:05 AM

We created workaround to this error by adding in function _createLink registering off from event click before attaching to event.

kendo.ui.FilterMultiCheck.prototype._createLink = function () {
    var NS = '.kendoFilterMenu';
    var element = this.element;
    var link = element.addClass("k-with-icon k-filterable").find(".k-grid-filter");
 
    if (!link[0]) {
        link = element.prepend('<a class="k-grid-filter" href="#"><span class="k-icon k-filter"/></a>').find(".k-grid-filter");
    }
 
    link.off("click" + NS); // this line
    this._link = link.attr("tabindex", -1).on("click" + NS, $.proxy(this._click, this));
};

0
Kiril Nikolov
Telerik team
answered on 27 May 2015, 11:28 AM

Hello Marcin,

I have just pushed a fix in the Kendo UI Grid file. And it will be available with the next internal build. 

Regards,
Kiril Nikolov
Telerik
 
Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
 
Tags
Grid
Asked by
Marcin
Top achievements
Rank 1
Answers by
Kiril Nikolov
Telerik team
Marcin
Top achievements
Rank 1
Share this question
or