Sortie d'un Custom Scroll pour les composants DHTMLX
La bibliothèque AJAX s'enrichit d'une barre de défilement façon iOS

Le , par kdmbella, Expert éminent
Custom Scroll pour les composants DHTMLX

La bibliothèque AJAX DHTMLX dans sa dernière version vient de s’enrichir d’une nouvelle fonctionnalité. En effet, à l’instar de ce que l’on observe sur les systèmes Mac OS, on a désormais la possibilité d’adjoindre aux composants DHTMLX une barre de défilement personnalisée notamment avec les composants tels Grid, Tree, Layout, DataView et bien d’autres pouvant supporter cette fonctionnalité.

Le comportement est le suivant : la barre de défilement est invisible et n'apparaît qu'une fois que l’utilisateur commence à scroller ; par ailleurs elle s’agrandit une fois que l’utilisateur passe le pointeur de la souris dessus (mouse over) comme on peut l’observer sur l’illustration qui suit.


Pour rendre cette fonctionnalité disponible dans votre application il est nécessaire de télécharger les fichiers customscroll.js et customscroll.css (téléchargeable ici) et de les ajouter aux fichiers qui constituent votre application, en indiquant dans votre code source les chemins vers ceux-ci comme indiqué dans ce code :

Code html : Sélectionner tout
1
2
3
4
5
<link rel="stylesheet" type="text/css" href="customscroll.css"> 
<script type="text/javascript" src="customscroll.js"></script> 
<script type="text/javascript"> 
       dhtmlx.CustomScroll.init(); 
</script>

Il faut préciser que les chemins vers ces fichiers doivent apparaître après les chemins des fichiers de la bibliothèque DHTMLX sinon cela ne marchera pas.

Une fois ceci fait, tous les composants DHTMLX de votre application susceptibles de supporter cette fonctionnalité pourront avoir leur « custom scroll».

Source : blog de DHTMLX

Et vous, que pensez-vous de cette nouvelle fonctionnalité ?


Vous avez aimé cette actualité ? Alors partagez-la avec vos amis en cliquant sur les boutons ci-dessous :


 Poster une réponse

Avatar de Kynoo Kynoo - Membre à l'essai http://www.developpez.com
le 20/06/2013 à 19:46
Muy bueno mais malheureusement pas consistent avec le reste du comportement de DHTMLX. Par exemple, l'animation des widgets n'est toujours pas d'actualité contrairement aux concurrents commerciaux et même des bonnes références free opensource.

Ce mix de features modernes au milieu d'autres datant des années 90 laisse un sentiment d'inachevé. Espérons que la v4 change la donne.
Avatar de kdmbella kdmbella - Expert éminent http://www.developpez.com
le 20/06/2013 à 20:03
Citation Envoyé par Kynoo  Voir le message
Par exemple, l'animation des widgets n'est toujours pas d'actualité contrairement aux concurrents commerciaux et même des bonnes références free opensource.

Peux-tu nous donner des exemples d'animation des widgets un lien par exemple pour se faire une idée de ce dont tu parles ?
Avatar de Kynoo Kynoo - Membre à l'essai http://www.developpez.com
le 20/06/2013 à 20:19
Le terme "animation" n'est pas de moi, je ne fais que reprendre la terminologie des habitués aux frameworks / librairies de widgets.

Quand à ce que ce terme désigne, il suffit de regarder les démos de sencha, jqwidgets, Kendoui, Dojo, Bindows, smartclient etc

Un exemple en particulier ? ok, prenons le cas des treeview par exemple. Les 2 meilleurs projs free opensource que je connaisse sont Dynatree et jsTree :

http://wwwendt.de/tech/dynatree/doc/sample-lazy.html
http://www.jstree.com/demo

Mais l'animation est quelque chose de si courant dans les bons projets que l'on peut s'aventurer à tester un peu tout et n'importe quoi, ztree au hasard
http://www.ztree.me/v3/demo.php#_101

c'est pourquoi c'est si bizarre que dhtmlx ne le supporte pas encore. Si tu ne vois toujours pas ce qu'est l'animation, regarde la demo treeview de dhtmlx, c'est plus parlant que des mots.
Avatar de kdmbella kdmbella - Expert éminent http://www.developpez.com
le 20/06/2013 à 20:34
Ok je comprends mieux de quoi tu parles maintenant en effet il serait intéressant qu'ils songent à intégrer ce type d'effet dans leur composant ce serait un plus énorme.
Avatar de Kynoo Kynoo - Membre à l'essai http://www.developpez.com
le 20/06/2013 à 21:06
Ce serait en tout cas plus cohérent.
La non animation fait un peu figure de "pas à pas", ce qui est dérangeant visuellement, surtout lorsqu'il y a beaucoup d'éléments à l'écran mais bref, soit on fait du smooth design, soit du "pas à pas" (mais en endossant l'image d'un produit dépassé) mais pas les 2 en même temps

La demande a été postée ici http://forum.dhtmlx.com/viewtopic.php?f=10&t=27560
Offres d'emploi IT
Developpeur web - javascript
Adequat Tertiaire - Rhône Alpes - Lyon (69000)
1 développeur Javascript backbone.js
VPauto - Bretagne - Lorient
Développeur JavaScript H/F
Conserto - Ile de France - Paris (75000)

Voir plus d'offres Voir la carte des offres IT
Responsable bénévole de la rubrique JavaScript : Xavier Lecomte -