SAPUI5: Expansion et déplacement des rendez-vous dans PlanningCalendar

Question

J'ai fait une planification avec les travailleurs et leurs tâches, maintenant je dois l'améliorer en modifiant facilement les rendez-vous. Je voudrais savoir s'il est possible de faire un glisser-déposer pour déplacer les tâches et changer leur durée?

Je pense que oui, mais tout ce que je trouve sur Internet ne correspond pas à une application mvc. Puisque la planification est dans une vue unique, je voudrais faire mon travail seulement dans le contrôleur de la vue.

EDIT: Dans mon contrôleur, je l'ai ce code:

onInit : function(){ 
     var oView = this.getView(); 

     //load jquery libraries for drag n drop 
     jQuery.sap.require("sap.ui.thirdparty.jqueryui.jquery-ui-core"); 
     jQuery.sap.require("sap.ui.thirdparty.jqueryui.jquery-ui-widget"); 
     jQuery.sap.require("sap.ui.thirdparty.jqueryui.jquery-ui-mouse"); 
     jQuery.sap.require("sap.ui.thirdparty.jqueryui.jquery-ui-draggable"); 
     jQuery.sap.require("sap.ui.thirdparty.jqueryui.jquery-ui-droppable"); 

     //make the appointments drag n droppables 
     var oAppointment = oView.byId("draggable"); 
     var idAppointment = oAppointment.getId(); 
     oAppointment.onAfterRendering = function(){ 
      $("#"+idAppointment).draggable({ 
       cancel:false 
      }) 
     }; 
    } 

L'id draggable est réglé sur mes CalendarAppointments comme ceci:

<appointments> 
    <unified:CalendarAppointment 
      id="draggable" 
      startDate="{CustomModel>EarlSchedStartdate}" 
      endDate="{CustomModel>EarlSchedFindate}" 
      title="{CustomModel>Description}"> 

    </unified:CalendarAppointment> 
</appointments> 

Dans un autre projet avec un seul bouton, cela fonctionne, mais ce n'est pas pour mes rendez-vous de planification.

Answer 1

Nous avons fait glisser et déposer fonctionnant bien avec PlanningCalendar en étendant le contrôle.

IMO n'a pas de sens pour faire ce genre de logique DOM dans un contrôleur.

"Dom Manipulations should not exist in controllers, services or anywhere else but in directives"

AngularJS meilleures pratiques, remplacer la directive avec un contrôle ou d'un composant pour UI5

jQuery UI ne marche pas touch de soutien, ne pouvait donc pas être utilisé dans un téléphone, tablette ou écran tactile, route testé beaucoup de Drag alternatif et Touch bibliothèques, quelques trucs cool là-bas, la plupart du temps trop pour ce qui était nécessaire, JS natif et SAPUI5 contrôle standard des événements de contrôle autant que possible, le repli de jQuery où nécessaire.

Dans le PlanningCalendar - Ajout d'un délégué d'événement à onAfterRendering d'un rendez-vous, a ajouté conditionnellement les styles d'éléments tels que les curseurs déplaçables et de la souris pour le redimensionnement, etc.

événement similaire Ajout des délégués aux commandes de CalendarRow, encore une fois facile à faire Dans PlanningCalendar, ils ont créé des zones de dépôt et géré des collisions de temps, etc.

On a beaucoup appris en étudiant la source de KendoUI Scheduler et de Widjimo Events Calendar, qui fonctionnent tous les deux avec OData. Suggérez à tous ceux qui doivent ajouter des fonctionnalités qui ne sont pas dans SAPUI5 de regarder ces bibliothèques et d'autres similaires pour trouver l'inspiration. Je suis assez content du résultat final, fonctionne parfaitement avec OData V2 exécutant Batch, manquant une fonctionnalité fantôme (un peu de code dans sap.ui.dt.plugin.DragDrop pour cela, jamais arrondi à l'ajouter) et promet pour gérer des événements via un contrôleur ou un callback, etc.

Dernière question

• 1.
• 2.
• 3.
• 4.
• 5.
• 6.
• 7.
• 8.
• 9.
• 10.

 Questions connexes

• Aucun problème connexe^_^