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

integrating iscroll in my page

3 Answers 72 Views
Integration with other JS libraries
This is a migrated thread and some comments may be shown as answers.
Mohnish
Top achievements
Rank 1
Mohnish asked on 22 Mar 2016, 05:49 AM

Hi, I am new to Kendo and I want to integrate iscroll feature in Kendo. can u plz help me in implementing.

For reference, http://iscrolljs.com/

Thanks in advance.

 

3 Answers, 1 is accepted

Sort by
0
Dimo
Telerik team
answered on 23 Mar 2016, 03:03 PM
Hello Mohnish,

I checked the iScroll widget page and it appears that it modifies the DOM. We do not support integration with such scroll widgets, because the Kendo UI widgets may break when their DOM is modified by another widget. Sorry about that.

Regards,
Dimo
Telerik
 
Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
 
0
Mohnish
Top achievements
Rank 1
answered on 24 Oct 2016, 07:01 AM

Hi,

I want to implement page-visibility-api in my Kendo page and I have a viewmodel like this,

cartViewModel = kendo.observable({ // code goes });

document.addEventListener('visibilitychange', function () {

      if (document.hidden) {

           // stop running viewmodel

     } else {

     // page has focus, begin running task

   }

});

so when the document is is hidden, using kendo how can I stop/pause the viewmodel from running/performing the tasks.

Plz help me in pausing the viewmodel.

 

Thanks in advance!

0
Dimo
Telerik team
answered on 25 Oct 2016, 01:43 PM
Hi Mohnish,

The Kendo UI viewModel cannot be paused or stopped, i.e. it always applies and responds to changes in its field values, together with any widgets or elements that are bound to these fields.

A possible approach that you can try, is to unbind and bind the viewModel to the web page on visibilityChange.

http://docs.telerik.com/kendo-ui/api/javascript/kendo#methods-unbind

http://docs.telerik.com/kendo-ui/api/javascript/kendo#methods-bind

Please keep in mind that calling unbind and bind repetitively may lead to undesired side effects if the bound HTML container holds Kendo UI widgets that create generated markup upon initialization. In this case, you will need to destroy and remove these widgets from the DOM after calling unbind(), and then add new DOM elements from which the new instances to be created, before calling bind().

http://docs.telerik.com/kendo-ui/intro/widget-basics/destroy#destroy-widgets-created-via-mvvm

===

On the other hand, as a holder of a Kendo UI Complete subscription specifically tailored for OpenEdge and Rollbase users, please log and manage your Kendo UI support requests via Progress SupportLink. This will also avoid the necessity to post new unrelated posts to existing forum threads. Thank you for understanding.

Regards,
Dimo
Telerik by Progress
 
Build rich, delightful, *native* Angular 2 apps with Kendo UI for Angular 2. Try it out today! Kendo UI for Angular 2 (currently in beta) is a jQuery-free toolset, written in TypeScript, designed from the ground up to offer true, native Angular 2 components.
Tags
Integration with other JS libraries
Asked by
Mohnish
Top achievements
Rank 1
Answers by
Dimo
Telerik team
Mohnish
Top achievements
Rank 1
Share this question
or