jQuery Girl
  1. jQuery Girl
  3. Les icons de nœuds personnalisés ne fonctionnent pas dans Fancytree
Intereting Posts
Google Maps ne fonctionne pas dans les tabs jQuery mettre les propriétés de jqgrid dans une variable commune et les réutiliser? Obtention et définition de la classe d’un élément dans AngularJs jquery .each () filtre basé sur si correspond au type de catégorie en xml Select2 JS Chargement de données distantes avec Ajax JQuery obtient le formaction et le formform Les sélecteurs jQuery avec React sont ok? validation jQuery à distance avec MVC 4, valider dynamicment toutes les entrées en commençant par loc? Comment combiner OU logique avec ET logique dans un sélecteur d’atsortingbut jQuery? Manuel Flexslider Les contrôles ne fonctionnent pas Existe-t-il un moyen de traduire une transformation: masortingx3d ​​() return en ses valeurs rotationX, Y et Z? sélecteur d’identifiant multiple dans différentes scopes? Comment mettre à jour ac: forEach en utilisant Ajax dans le projet Spring? WordPress jQuery Uncaught TypeError: La propriété ‘$’ de l’object n’est pas une fonction Élément refusant de disparaître ou d’entrer

Les icons de nœuds personnalisés ne fonctionnent pas dans Fancytree

J’utilise “Fancytree” dans le cadre d’un projet sur lequel je travaille et j’en ai été largement satisfait jusqu’à aujourd’hui. J’ai besoin d’afficher une icône différente sur certains nœuds de l’arborescence et je n’ai pas encore réussi à les faire apparaître dans l’arborescence.

Je spécifie l’icône de noeud personnalisé dans la chaîne JSON en dessous de laquelle j’utilise pour charger l’arborescence:

[{“title”: “Inventory”, “key”: “DocFolders / 1026”, “folder”: true, “data”: {“icon”: “LockedFolder.gif”, “isLocked”: true}}, { “title”: “Télémésortinge”, “key”: “DocFolders / 1027”, “folder”: true, “data”: {“icon”: “LockedFolder.gif”, “isLocked”: true}}, {“title “:” Documents bien “,” clé “:” DocFolders / 1028 “,” dossier “: true,” données “: {” icône “:” LockedFolder.gif “,” isLocked “: true},” développé “: true , “enfants”: [{“titre”: “4-13 Spectrum Core PG & E Data.xlsx”, “clé”: “SpectrumDocs / 961”}]}, {“titre”: “Bien Photos”, “clé”: “DocFolders / 1029”, “dossier”: true, “données”: {“icône”: “LockedFolder.gif”, “isLocked”: true}}

Voici le code javascript qui charge l’arbre: 

$('#locDocTree').fancytree({ source: fldrObj, imagePath: 'skin-win8', activate: function (event, data) { if (data.node.folder) { $('[id$=txtSelFldrKey]').val(data.node.key); $('[id$=txtDownloadDocId]').val(''); } else { $('[id$=txtDownloadDocId]').val(data.node.key); $('[id$=txtSelFldrKey]').val(''); } } });

Le fichier “LockedFolder.gif” se trouve dans le dossier “skin-win8” et, si je retire l’icône “icon”: “LockedFolder.gif” du fichier JSON, l’arborescence restitue parfaitement avec les images par défaut. Lorsque la propriété icon est spécifiée, l’arborescence est toujours restituée, mais sans image pour les icons de dossier.

Voici les fichiers de script et css référencés dans l’en-tête de page.

On dirait que cela devrait être simple, mais s’avère être un casse-tête pour moi …

Eh bien, quelques heures plus tard, j’ai réussi à répondre à ma propre question. On se sent assez bête, mais si souvent ces choses se résument à quelque chose comme ça. Il se trouve que mon problème était dans l’option “imagePath” de l’arborescence. Le chemin d’access DOIT inclure une barre oblique suivante. Le correctif était donc de faire en sorte que imagePath soit “skin-win8 /”. Fonctionne bien après ça.

Eh bien, quelques heures plus tard, j’ai réussi à répondre à ma propre question. On se sent assez bête, mais si souvent ces choses se résument à quelque chose comme ça. Il se trouve que mon problème était dans l’option “imagePath” de l’arborescence. Le chemin d’access DOIT inclure une barre oblique suivante. Le correctif était donc de faire en sorte que imagePath soit “skin-win8 /”. Fonctionne bien après ça.