Kendo UI Treeview et JSON
Je tiens donc à créer un Arbre avec kendo UI treeview élément et de le lier à une distance Hiérarchique de la Source de Données étant un fichier JSON.
Je veux l'arbre résultant pour être quelque chose comme:
(Véhicules)
--(Voitures)
----FM-1100
----FM-4200
--(Vélos)
----FM-3100
(Personnel)
--(Clients)
- - - - - GH 3000
--(Vip)
----GH-3100
PS. Les noms en () sont censés être quelque chose comme des dossiers contenant leurs "enfants"
J'ai vérifié la documentation sur tous les ci-dessus dans le kendo ui site, mais je suis un peu confus avec l'ensemble de la fonction de rappel de l'arborescence utilise pour charger le plus profond étapes chaque fois que vous développez un élément dans l'arbre..
Prenons l'exemple de kendo de la documentation:
var homogeneous = new kendo.data.HierarchicalDataSource({
transport: {
read: {
url: "http://demos.kendoui.com/service/Employees",
dataType: "json"
}
},
schema: {
model: {
id: "EmployeeId",
hasChildren: "HasEmployees"
}
}
});
$("#treeview").kendoTreeView({dataSource: homogeneous});
JSON données de l'échantillon:
{
"employees": [
{"EmployeeId":2,"FullName":"Andrew Fuller","HasEmployees":true,"ReportsTo":null},
{"EmployeeId":3,"FullName":"Carl Jenkins","HasEmployees":true,"ReportsTo":null},
{"EmployeeId":4,"FullName":"Aston Miller","HasEmployees":false,"ReportsTo":2},
{"EmployeeId":5,"FullName":"Damon Sherbands","HasEmployees":false,"ReportsTo":2},
{"EmployeeId":6,"FullName":"Dariel Hanks","HasEmployees":true,"ReportsTo":null},
{"EmployeeId":7,"FullName":"Jason Jackson","HasEmployees":false,"ReportsTo":3},
{"EmployeeId":8,"FullName":"Reylen Scribbs","HasEmployees":false,"ReportsTo":6}
]
}
Donc,je dois configurer un serveur reste sur "http://demos.kendoui.com/service/Employees" qui accepte un OBTENIR de l'arbre qui fournit le "Employé" et effectue ensuite une recherche dans le fichier et renvoie ceux qui "Rapportpour" "Employé" reçu...??
Et ce qui se passe la première fois l'arbre veut montrer l'initiale des nœuds?
Quelque chose comme:
@Path("/Employees")
@GET
@Produces(MediaType.TEXT_HTML)
public String returnEmployees(@QueryParam("EmployeeId") int accID) {
//search the employees.json
return "<head></head><body><pre>" + searchResultsString + "</pre></body>";
}
Comment rechercher efficacement un fichier JSON et retour à tous les résultats dans une Chaîne de caractères?
Ou, si ce sont de faux quelqu'un peut-il m'aider à la compréhension de tous les OBTENIR et le rappel des trucs?Peut-être qu'il ne avoir à faire avec jsonp j'en ai entendu parler?Un peu perdu ici..
Merci d'avance
OriginalL'auteur CipherDarkness | 2012-11-08
Vous devez vous connecter pour publier un commentaire.
Êtes-vous en mesure de créer un fichier JSON avec la structure suivante (similaire à ce que vous proposer en format XML)?
Où chaque élément a une
id
untext
c'est ce qui va apparaître dans l'arbre et d'un tableauitems
contenant chaque sous-élément de l'arbre.Si oui, votre code doit être:
Où
/testTree.json
est l'URL de votre fichier JSON.Une question mineure ici pour éviter de créer une nouvelle question si il n'y a aucune raison de le faire,est-il une façon de kendo pour stocker les modifications sur un treeview (disons à partir de drag and drop) directement dans le fichier json ou pour créer un nouveau fichier json avec l'actuelle structure de l'arborescence de la page??Ou dois-je suivre les événements de glisser et de programme, et tout cela à partir de zéro par moi-même?
En fait, vous devez créer une nouvelle question, car il est plus facile pour les autres de la trouver. Le titre est peut-être d'obtenir des données actuelles de KendoUI TreeView. Et la réponse est que les données actuelles sont en $("#treeview").de données("kendoTreeView").source de données.de données().
J'ai fait la nouvelle Question avec un problème que j'ai eu avec elle,de vérifier si vous avez le temps stackoverflow.com/questions/13309896/... Et encore merci
comment puis-je générer ce genre de json à côté serveur pour une traversée de répertoire dans asp.net csharp...
OriginalL'auteur OnaBai
En fait en dessous de la logique de description permettra de générer de l'autonomie tableau de référence comme le format JSON et puis, il passe son contenu à treeview source de données.
J'ai généré cette méthode pour ci-dessous, modèle de données qui illustre il y a des rencontres dans l'organisation qui a peut-être du gestionnaire ou de l'employeur, si votre base de données, c'est la différence que vous devriez regarder le code et de changer un peu.
Pour générer hiérarchique de la Source de Données en tant que fichier JSON à suivre cette procédure et pour l'explication complète, suivez le lien:
étape 1: faire une imbriquée méthode dite Treeview
dont sa sortie est json en tant que chaîne et obtenir
étape 2: Premier appel de cette méthode à partir de votre action en mvc ou d'autres parties de votre application appeler comme ça
Treeview(0,””,0,0)
étape 3: Vérifiez ce courant nœud parent ou pas ?
3.1: Principales nœud racine: si vous êtes juste à l'entrée de cette méthode suppose que vous devez
sélectionnez à partir de la base de données
les nœuds qui n'a pas de parents et de leurs parents id est égal à NULL
ici générer votre chaîne json comme mystr = "["
3.2 Imbriquée nœud : si cette méthode a été appelé plus d'une fois, vérifiez toutes nœud
qui leur parent est égal à itemid
ici générer votre chaîne json comme mystr = ",item:["
étape 4: Maintenant, vous avez une liste de données que vous avez essayé de la troisième étape
4.1: Faire une boucle foreach et appeler chaque nœud et de l'écrire comme
4.2:
4.3: à l'Intérieur de cette boucle de vérifier ce nœud a des enfants ou pas?
J'espère que cela vous aide pour plus d'informations suivez ici:
Dynamique-Treeview-avec-le Glisser et Déposez-les par-Kendo
OriginalL'auteur Mahsa Hassankashi
salut: vous devez ajouter des données à la propriété dans le schéma :
OriginalL'auteur HamidReza