Yocker
  1. Yocker
  3. Come implementare dati databili multilivello gerarchici in javaScript?
Intereting Posts
Uscita NSTask in tempo reale a NSTextView con Swift Quando l’object è idoneo per la raccolta dei rifiuti? È una ctriggers pratica usare le classi proprietarie Java di Sun? Che cos’è una “unità di traduzione” in C ++ Esiste una class data / ora standard in C ++? richiede non è definito confusione esadecimale Interrompere tutti i video iframe in riproduzione facendo clic su un collegamento javascript Posizionamento della legenda, ggplot, relativo alla regione di tracciamento Copia i valori da un object all’altro Un modo migliore per triggersre OnPropertyChanged Funzione ROT-13 in java? Che cos’è TypeScript e perché dovrei usarlo al posto di JavaScript? caricamento asincrono javascript con document.write CONSTRAINT per verificare i valori da una tabella correlata a distanza (tramite join ecc.)

Come implementare dati databili multilivello gerarchici in javaScript?

Sto implementando datatable multi livello senza utilizzare alcun plugin o libreria. Voglio implementare basato su javaScript, JQuery o angular js. Ho controllato uno sotto i link,

Attraversa tutti i nodes di un albero oggetti JSON con JavaScript

tabella nidificata che usa ng-repeat

Ma la mia struttura JSON è diversa dal link precedente.

Devo visualizzare il mio JSON nell’interfaccia utente Struttura ad albero. Non livello di codice difficile in html. Tutti i livelli dovrebbero essere gestiti da javascript.

Ho implementato jsfiddle: http://jsfiddle.net/varunPes/0n9fmawb/40/

JSON STRUTTURA 

[ { Home:{ "checkbox_view":true, "checkbox_edit":false, "checkbox_delete":true } }, { "watchColorWorld":{ "local":{ "app-local-black":{ "checkbox_view":true, "checkbox_edit":true, "checkbox_delete":true } }, "global":{ "app-global-red":{ "checkbox_view":true, "checkbox_edit":true, "checkbox_delete":true } }, "world":{ "app-world-green":{ "checkbox_view":true, "checkbox_edit":true, "checkbox_delete":true } } } }, { "systemMgmt":{ "checkbox_view":true, "checkbox_edit":true, "checkbox_delete":true } }, { "rules":{ "Rule1":{ "rule2":{ "rule3":{ "checkbox_view":true, "checkbox_edit":true, "checkbox_delete":true } } } } } ]

Uscita prevista inserisci la descrizione dell'immagine qui

Tu rispondi di valore per me. Grazie in anticipo.