2011-05-16 8 views

Respuesta

6

Puede agregar propiedades personalizadas utilizando HTML con el datos atributo

Por ejemplo añadir un nuevo url propiedad (obras, aunque un validador podría quejarse.):

<ul> 
    <li data="url: 'http://jquery.com'">jQuery home 
    <li data="url: 'http://docs.jquery.com'">jQuery docs 

O cuando cargando desde objetos JSON o JS:

children: [ 
    { title: "jQuery home", url: "http://jquery.com" }, 
    { title: "jQuery docs", url: "http://docs.jquery.com" }, 

Después de eso, puede acceder que de este modo:

onActivate: function(node) { 
    if(node.data.url) 
     window.open(node.data.url); 
    $("#echoActive").text(node.data.title); 
}, 

EDIT: partir de la versión 1.2 <a> etiquetas son compatibles de forma nativa (How to make hyperlinks in dynaTree jQuery plugin clickable?).

+1

Estaba intentando acceder a la url como node.url, en lugar de node.data.url. ¡Gracias por el aviso! – theTuxRacer

+0

Sería interesante saber cómo se hace esto desde JSON. –

+0

Derecha. Obtengo cómo funciona ahora. La información está allí en los datos. Simplemente no aparece en el marcado HTML. –

0

Si está agregando datos para ser leídos por dynatree, mar10 es correcto. Por ejemplo, si usted quiere tener dynatree no mostrar iconos que puedes utilizar los siguientes:

<li data="icon: 'null'"> 

Desafortunadamente esto no es realmente HTML válido y mi validador de HTML 5 (Visual Studio 2010 SP1) le gusta quejarse de ello.

Si simplemente desea incorporar su propio HTML5 de datos le permite añadir Data- * atribuye a sus elementos li:

<li data-myprop="myvalue"> 

Aquí hay algo de información adicional de HTML5Doctor.

+1

su dynatree incorrecto también reemplaza datos- (?) Atributos! – rab

Cuestiones relacionadas