Mobiscroll Datepicker Kendo UI Mobile

Question

J'utilise Kendo UI Mobile v2012.3.1114 de cadre mobile de kendo et le jeu mobiscroll et bouton d'annulation ne se déclenche pas à chaque fois. Parfois, cela se déclenche mais pas toujours. Si j'utilise v2012.2.913 du framework mobile kendo, cela fonctionne correctement, mais c'est lent. Je pense qu'il s'agit d'un problème de css mais je ne suis pas sûr.

Développement Env. - (Telerik Nuage IDE) Icenium Graphite V1.1 - Cadre Kendo UI mobile v2012.3.1114 - Jquery mobile v1.8.2 - Mobiscroll v2.3.1

est ici html et javascript:

<input type="date" id="datePickerBeginDateExtracted"/> 

$(function() { 
     $('#datePickerBeginDateExtracted').scroller({ 
      preset: 'date', 
      invalid: { daysOfWeek: [0, 6], daysOfMonth: ['5/1', '12/24', '12/25'] }, 
      theme: 'sense-ui', 
      display: 'modal', 
      mode: 'mixed', 
      animate: 'swing', 
      dateOrder: 'mmD ddyy' 
     });  
    }); 

Answer 1

Kendo UI Mobile empêche le «touchmove» au niveau documentElement par défaut afin de désactiver le défilement tactile natif de la fenêtre du navigateur. Malheureusement, cela affecte le comportement de Mobiscroll. Vous pouvez supprimer l'événement interface utilisateur Kendo mobile après initialisation de l'application en utilisant quelque chose comme ceci:

$(document.documentElement).off("touchmove"); 

Cela permettra Mobiscroll de travailler, mais permettra le défilement natif sur les zones où Kendo UI mobile Scroller n'est pas activé (à savoir NavBar, TabStrip et vues étirées). Vous pouvez empêcher le toucher séparément sur eux si vous le souhaitez.