Dans cet article, vous allez apprendre à utiliser le composant Button de Kendo UI avec Vue. Pour illustrer le fonctionnement du bouton, nous allons construire une pagination pour une liste de photos de chats. Chaque page aura un titre et une image ainsi que les boutons suivant et précédent. En cliquant sur les boutons, vous vous déplacerez dans les pages. Lorsque vous atteignez la fin des messages, le bouton suivant devient désactivé. Lorsque vous atteignez le poste de début, le bouton précédent est désactivé. Tout d'abord, nous allons initialiser notre projet avec les données de nos […]
Apprenez à utiliser facilement des graphiques à courbes dans vos applications pour tracer des données qui changent avec le temps. Les graphiques linéaires peuvent afficher des modèles tels que les tendances haussières et les tendances baissières. Dans cet article, vous apprendrez à utiliser le composant LineChart de Kendo UI pour Vue . Les graphiques linéaires sont utilisés pour tracer des données qui changent avec le temps. Nous utiliserons un graphique en courbes pour représenter graphiquement les données de crypto-monnaie. Nous avons choisi les crypto-monnaies, car la représentation graphique des données financières est un bon exemple d'utilisation […]
Découvrez comment intégrer facilement un composant pouvant être trié dans votre application Web. Sortable est idéal pour éditer des listes de lecture ou n'importe quel autre endroit où vous voulez faire glisser une liste existante Dans le dernier épisode nous avons parlé du Kendo UI Slider . composant, qui permet aux utilisateurs de sélectionner des valeurs dans une plage de valeurs. Dans cet épisode, nous découvrirons le composant Sortable . Le composant Sortable permet aux utilisateurs de réorganiser une liste d'éléments en rendant chaque élément déplaçable et pouvant être déposé. Cette fonctionnalité peut être utilisée pour […]
Découvrez comment intégrer facilement un composant curseur à votre application Web. Ce composant est idéal pour le réglage du volume et de la luminosité, ou partout où vous souhaitez apporter des modifications immédiates. Dans le dernier épisode vous avez découvert le composant ProgressBar . Une barre de progression indique la durée d'un processus ou un temps d'attente indéterminé. Dans cet épisode, vous découvrirez le composant Slider . Un curseur permet aux utilisateurs de choisir parmi une plage de valeurs en déplaçant un pouce le long d'une piste. La piste est une barre qui représente toutes les […]
Dans la deuxième partie de ce guide, vous apprendrez à modifier une grille que vous avez créée avec la nouvelle grille native dans Kendo UI pour Vue. Dans le dernier message nous avons vu comment initialiser. a Vue Native Grid avec Kendo UI à l'aide de données locales et distantes. Dans cet article, nous allons apprendre à mettre en œuvre certaines des fonctionnalités d'édition de Vue Native Grid. A l'aide du wrapper de grille, vous pouvez activer l'édition en configurant les propriétés modifiables et modifiables de la barre d'outils et le composant s'occupe de tout. Mais […]
Apprenons à créer une grille avec la nouvelle grille native dans Kendo UI pour Vue. La nouvelle grille native est construite avec Vue depuis le début. Dans le premier article de cette série en deux parties, nous allons apprendre à créer une grille native pour Kendo UI pour Vue. La nouvelle grille native est construite avec Vue à partir de la base. Une des différences entre la grille native et le wrapper de grille est que la grille native ne dépend pas de jQuery. L'autre différence est que le composant DataSource n'est plus nécessaire pour charger […]
Découvrez comment ajouter et utiliser facilement un composant de téléchargement dans vos applications Web avec Kendo UI. Dans cette partie de notre série, nous passons en revue le composant de Téléchargement de Kendo UI [. Le Upload permet aux utilisateurs de sélectionner des fichiers de leur système de fichiers à télécharger. Il s'agit d'une version améliorée de l'entrée de type de fichier HTML qui vous donne uniquement la possibilité d'autoriser la sélection d'un fichier ou de plusieurs fichiers. Avec l’interface de Kendo Upload vous pouvez également sélectionner des répertoires à télécharger, utiliser un glisser-déposer pour sélectionner […]
Aidez vos utilisateurs à choisir entre un aperçu ou un aperçu des couleurs avec Kendo UI ColorPicker. Voyez à quel point il est facile à implémenter et à personnaliser dans votre application Dans le dernier épisode nous avons abordé trois sélecteurs de date et d’heure différents. Dans cet épisode, nous aborderons le composant de Kendo UI ColorPicker . Le ColorPicker est un widget qui vous permet de choisir des couleurs dans une liste déroulante. La liste déroulante peut être un sélecteur HSV (teinte, saturation, valeur) ou une palette de couleurs prédéfinies. L'utilisation d'un sélecteur de couleur […]
Un sélecteur de date permet à vos utilisateurs d'entrer facilement et rapidement une date dans un champ de saisie du calendrier. Découvrez la différence entre un sélecteur de date HTML standard et le DatePicker de Kendo UI. Dans le dernier épisode vous avez vu comment le NumericTextBox pouvait être utilisé pour formater différents types de formats numériques. contribution. Dans cet épisode, vous en apprendrez plus sur le DatePicker . En un mot, le DatePicker est un composant qui permet aux utilisateurs de sélectionner une date dans un calendrier ou de la saisir dans un champ de […]
Lorsque vous souhaitez contrôler le mode de saisie numérique d'un utilisateur, vous devez utiliser une zone de texte numérique. Kendo UI facilite le contrôle précis des entrées que vous autoriserez, ainsi que de l'aspect détaillé. Dans l'épisode précédent vous avez appris comment se comportait le MaskedTextBox . utilisé pour formater la saisie de l'utilisateur. Dans cet épisode, vous apprendrez comment le NumericTextBox est utilisé pour formater une entrée numérique. Le NumericTextBox est un champ de formulaire qui limite l'entrée aux nombres et possède un bouton pour incrémenter et décrémenter ses valeurs. Le but de ce composant […]
