Así que quiero crear un Árbol con kendo UI elemento de vista de árbol y se unen a una distancia Jerárquica de los Datos de Origen de un archivo JSON.

Quiero que el árbol resultante a ser algo así como:

(Vehículos)

–(Coches)

—-FM-1100

—-FM-4200

–(Bicicletas)

—-FM-3100

(Personal)

–(Clientes)

—-GH-3000

–(VIPs)

—-GH-3100

PS. Nombres en () se supone que será algo así como las carpetas que contienen sus «hijos»

Lo he comprobado en la documentación acerca de todas las anteriores en el kendo ui sitio web, pero estoy un poco confundida con el conjunto de la función de devolución de llamada en la vista en árbol se utiliza para cargar el más profundo etapas cada vez que expandir un elemento en el árbol..

Vamos a tomar el ejemplo en el kendo, documentación, por ejemplo:

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 datos de la muestra:

    {
"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}
]
}

Así,tengo que configurar un resto servidor «http://demos.kendoui.com/service/Employees» que acepta un GET del árbol que proporciona el «Idempleado» y, a continuación, realiza una búsqueda dentro del archivo y devuelve los que «ReportTo» el «Idempleado» recibido…??
Y lo que sucede la primera vez que el árbol se quiere mostrar la inicial de los nodos?

Algo como:

@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>";
}

¿Cómo buscar eficientemente un archivo JSON y devolver todos los resultados en una Cadena?
O si todos estos están mal alguien me puede ayudar la comprensión de todo el GET y el de devolución de llamada de cosas?Tal vez tiene que ver con jsonp que he oído?Un poco perdido aquí..

Gracias de antemano

3 Comentarios

  1. 3

    Que son capaces de crear un archivo JSON con la siguiente estructura (similar a lo que propones en formato XML)?

    Donde cada elemento tiene un id un text que es lo que se mostrará en el árbol y una matriz items que contiene cada subelemento del árbol.

    Si es así, el código debe ser:

    Donde /testTree.json es la dirección URL de su archivo JSON.

    • Usted es un protector de la vida! 😀 Thx mucho de verdad!
    • Una cuestión menor para evitar crear una nueva pregunta de si no hay ninguna razón para hacerlo,hay una estructura en forma de kendo para guardar los cambios en un treeview (digamos de arrastre y gotas) directamente de vuelta al archivo json o para crear un nuevo archivo json con la actual estructura de árbol de la página??O tengo que seguir el arrastre de los eventos y el programa de todo esto desde cero por mí mismo?
    • En realidad, usted debe crear una nueva pregunta ya que es más fácil para los demás encontrando. El título podría ser conseguir los datos actuales de KendoUI TreeView. Y la respuesta es que los datos actuales son en $(«#treeview»).de datos(«kendoTreeView»).origen de datos.de datos().
    • Hice la Pregunta nueva junto con un problema que tuve con él,échale un vistazo si tienes tiempo, stackoverflow.com/questions/13309896/… Y gracias de nuevo
    • ¿cómo puedo generar este tipo de json en el lado del servidor de directorio transversal en asp.net csharp…
  2. 1

    Realmente a continuación lógica de la descripción va a generar la tabla de referencia como formato JSON y luego se pasa el contenido a treeview origen de datos.
    He generado este método a continuación de los datos del modelo que ilustra hay anuncios de contactos en la organización, que tal vez tiene el administrador o patrono, si su base de datos es la diferencia que usted debe buscar en el código y cambiar un poco en eso.

    Para generar jerárquica de Origen de Datos como archivo JSON sigue estos pasos y para la explicación completa siga el enlace:
    paso 1: hacer un anidada método llamado Treeview

    que su salida es json como cadena y obtener

    paso 2: la Primera de ellas se llama a este método desde la acción en mvc o a la otra parte de la aplicación de la llamada como el que Treeview(0,””,0,0)

    paso 3: Verificación de este nodo actual tiene padre o no ?
    3.1: Principales nodo raíz: si se acaba de entrar a este método por lo que asumimos que usted tiene que

    seleccionar de la base de datos
    los nodos que no tiene padres y sus padres id es igual a NULL
    aquí generar su cadena json como mystr = «[«
    3.2 nodo Anidado : si este método ha sido llamado más de una vez, revise todas las nodo
    que su padre es igual a itemid
    aquí generar su cadena json como mystr = «,tema:[«

    paso 4: Ahora, usted tiene una lista de los datos que se han tratado desde el tercer paso
    4.1: Hacer un bucle foreach y llamar a cada nodo y escribir como


    4.2:

    4.3: Dentro de este bucle de comprobación de este nodo tiene hijo o no?

        4.3.1: **(It has child)** --> call again Treeview method such as
    <code> mystr = Treeview (item.id, mystr, i,1) </code> 
    Now your item.id is crrent node, mystr is the whole string which is generated 
    until now i as j and flag is equal to one due to this node is parent and 
    has child
    4.3.2: **(It has No Child && this node is not last node)**
    **mystr =" }, "**
    4.3.3: **(It has No Child && this node is last node)**
    4.3.3.1: Count number of parent of this node 
    Foreach parent put **mystr = "}]"**
    4.3.3.2: Count number  of child of parent of this node 
    4.3.3.2.1: if (Child = 0) **mystr =  "}]"**
    4.3.3.2.2: if (Child > 0) **mystr =  "}]"**
    4.3.3.2.2.1: if (This node is the last child node
    && parent of  this node is last parent)  
    **mystr = "},"**
    4.3.3.2.2.2: if (This node is the last child node && 
    parent of this node is last parent && 
    flag=1 )
    **mystr =" },"**
    4.3.3.2.2.3: if (This node is the last child node && 
    parent of this node is last parent &&  
    flag=0 )
    **mystr =" }]"**

    Espero te sirva de ayuda para obtener más información, siga aquí:

    Dinámica de Treeview-con-Arrastrar-y-Gota-por-Kendo

  3. 0

    hola: usted debe agregar los datos de propiedad en el esquema :

    schema: {
    model: {
    id: "EmployeeId",
    hasChildren: "HasEmployees",
    data: "employees"
    }
    }

Dejar respuesta

Please enter your comment!
Please enter your name here