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

Issues with Grid Filter when only including some js files

3 Answers 91 Views
Grid
This is a migrated thread and some comments may be shown as answers.
Alex
Top achievements
Rank 1
Alex asked on 30 Apr 2015, 12:18 PM

Hello,

 

I made a grid with basic filtering on it and when adding 'kendo.all.min.js' to my html, all works fine but as soon as I try to add only partial files it crashes. I'll attach the js files I have added in case I'm missing something:

 

  'vendor/kendo-ui/js/kendo.core.min.js',
    'vendor/kendo-ui/js/kendo.angular.min.js',
    'vendor/kendo-ui/js/kendo.calendar.min.js',
    'vendor/kendo-ui/js/kendo.popup.min.js',
    'vendor/kendo-ui/js/kendo.datepicker.min.js',
    'vendor/kendo-ui/js/kendo.userevents.min.js',
    'vendor/kendo-ui/js/kendo.numerictextbox.min.js',
    'vendor/kendo-ui/js/kendo.data.min.js',
    'vendor/kendo-ui/js/kendo.list.min.js',
    'vendor/kendo-ui/js/kendo.dropdownlist.min.js',
    'vendor/kendo-ui/js/kendo.filtermenu.min.js',
    'vendor/kendo-ui/js/kendo.menu.min.js',
    'vendor/kendo-ui/js/kendo.columnmenu.min.js',
    'vendor/kendo-ui/js/kendo.pager.min.js',
    'vendor/kendo-ui/js/kendo.selectable.min.js',
    'vendor/kendo-ui/js/kendo.draganddrop.min.js',
    'vendor/kendo-ui/js/kendo.reorderable.min.js',
    'vendor/kendo-ui/js/kendo.resizable.min.js',
    'vendor/kendo-ui/js/kendo.ooxml.min.js',
    'vendor/kendo-ui/js/kendo.excel.min.js',
    'vendor/kendo-ui/js/kendo.columnsorter.min.js',
    'vendor/kendo-ui/js/kendo.grid.min.js'

3 Answers, 1 is accepted

Sort by
0
Boyan Dimitrov
Telerik team
answered on 04 May 2015, 08:11 AM

Hello Alex,

Please review the Include Individual Widget Scripts article in order to include on a per-widget basis.

Regards,
Boyan Dimitrov
Telerik
 
Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
 
0
Alex
Top achievements
Rank 1
answered on 04 May 2015, 08:40 AM

Dear Boyan,

Thank you for getting back to me. I have followed the article, but still do not get the results expected.

In fact, I have used the Custom Download tool to arrive at the correct list of dependencies for using Grid with a subset of its features; those being:

Grid with

- Filtering

- Column menu

- Paging

- Selection

- Column reordering

- Column resizing

- Excel Export

 

This along with Angular directives yields the following list of dependencies:

 

 <script src="http://cdn.kendostatic.com/2015.1.429/js/kendo.core.min.js"></script>

<script src="http://cdn.kendostatic.com/2015.1.429/js/kendo.angular.min.js"></script>
<script src="http://cdn.kendostatic.com/2015.1.429/js/kendo.calendar.min.js"></script>
<script src="http://cdn.kendostatic.com/2015.1.429/js/kendo.popup.min.js"></script>
<script src="http://cdn.kendostatic.com/2015.1.429/js/kendo.datepicker.min.js"></script>
<script src="http://cdn.kendostatic.com/2015.1.429/js/kendo.userevents.min.js"></script>
<script src="http://cdn.kendostatic.com/2015.1.429/js/kendo.numerictextbox.min.js"></script>
<script src="http://cdn.kendostatic.com/2015.1.429/js/kendo.data.min.js"></script>
<script src="http://cdn.kendostatic.com/2015.1.429/js/kendo.list.min.js"></script>
<script src="http://cdn.kendostatic.com/2015.1.429/js/kendo.dropdownlist.min.js"></script>
<script src="http://cdn.kendostatic.com/2015.1.429/js/kendo.filtermenu.min.js"></script>
<script src="http://cdn.kendostatic.com/2015.1.429/js/kendo.menu.min.js"></script>
<script src="http://cdn.kendostatic.com/2015.1.429/js/kendo.columnmenu.min.js"></script>
<script src="http://cdn.kendostatic.com/2015.1.429/js/kendo.pager.min.js"></script>
<script src="http://cdn.kendostatic.com/2015.1.429/js/kendo.selectable.min.js"></script>
<script src="http://cdn.kendostatic.com/2015.1.429/js/kendo.draganddrop.min.js"></script>
<script src="http://cdn.kendostatic.com/2015.1.429/js/kendo.reorderable.min.js"></script>
<script src="http://cdn.kendostatic.com/2015.1.429/js/kendo.resizable.min.js"></script>
<script src="http://cdn.kendostatic.com/2015.1.429/js/kendo.ooxml.min.js"></script>
<script src="http://cdn.kendostatic.com/2015.1.429/js/kendo.excel.min.js"></script>
<script src="http://cdn.kendostatic.com/2015.1.429/js/kendo.columnsorter.min.js"></script>
<script src="http://cdn.kendostatic.com/2015.1.429/js/kendo.grid.min.js"></script>

 

After adding these dependencies however we get the following error when trying to work with filtering:

 

TypeError: c.observable is not a function
at k.extend.refresh in http://staging.stormlive.net/assets/cloud/application-a73ec090.js:53:2042
at k.extend._init in http://staging.stormlive.net/assets/cloud/application-a73ec090.js:53:695
at new k.extend.init in http://staging.stormlive.net/assets/cloud/application-a73ec090.js:53:60
at HTMLDivElement.<anonymous> in http://staging.stormlive.net/assets/cloud/application-a73ec090.js:46:22645
at Function.Q.extend.each in http://staging.stormlive.net/assets/cloud/application-a73ec090.js:1:14787
at D.Q.fn.Q.each in http://staging.stormlive.net/assets/cloud/application-a73ec090.js:1:12761
at D.ge.plugin.e.fn.(anonymous function) [as kendoFilterMenu] in http://staging.stormlive.net/assets/cloud/application-a73ec090.js:46:22629
at k.extend._filter in http://staging.stormlive.net/assets/cloud/application-a73ec090.js:54:7101
at k.extend._init in http://staging.stormlive.net/assets/cloud/application-a73ec090.js:54:1343
at k.extend._click in http://staging.stormlive.net/assets/cloud/application-a73ec090.js:54:3940

0
T. Tsonev
Telerik team
answered on 06 May 2015, 07:42 AM

Hello Alex,

This is a known issue with the filter menu. You need to select the MVVM feature in order to make it work.

We'll fix this as soon as possible. Apologies for the caused inconvenience.

Regards,
T. Tsonev
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
Alex
Top achievements
Rank 1
Answers by
Boyan Dimitrov
Telerik team
Alex
Top achievements
Rank 1
T. Tsonev
Telerik team
Share this question
or