Adición de etiqueta a un cuadro de texto (mediante programación)

Question

¿Cómo puedo añadir una etiqueta a un cuadro de texto (mediante programación):

el = new dijit.form.TextBox({label: '...' }); 
form.containerNode.appendChild(el.domNode); 

esto no parece funcionar (dojo 1.6)

Answer 1

tengo Nunca he visto ningún ejemplo en el que dijit.form.TextBox use la propiedad lable para mostrar realmente una etiqueta al lado del TextBox. La etiqueta siempre es un elemento de etiqueta o un nombre de texto separados.

Creo que el TextBox solo tiene esta propiedad porque lo hereda de dijit._Widget (de acuerdo con API docs).

Para añadir una etiqueta programmaticaly, simplemente añadir un textNode separada o elemento de etiqueta para DOMNode de la forma:

dojo.require("dijit.form.Form"); 
dojo.require("dijit.form.TextBox"); 

function buildForm() { 
    var form = new dijit.form.Form({ 
    }, dojo.doc.createElement('div')); 

    var textBox = new dijit.form.TextBox({ 
     name: 'text' 
    }, dojo.doc.createElement('input')); 

    document.body.appendChild(form.domNode); 
    form.domNode.appendChild(dojo.doc.createTextNode("My Label ")); 
    form.domNode.appendChild(textBox.domNode); 
} 

dojo.addOnLoad(buildForm); 

Here es un ejemplo completo en jsFiddle.

Answer 2

yourPlaceholder.domNode.appendChild(dojo.doc.createTextNode("Label Text")); 
yourPlaceholder.addChild(yourTextBox); 

Answer 3

Dojo proporciona dojox.layout.TableContainer para emparejar automáticamente las etiquetas con los controles:

var layout = new dojox.layout.TableContainer({ 
    showLabels: true, 
    orientation: "horiz" 
}); 

var textBox = new dijit.form.TextBox({ 
    name: 'text', 
    title: 'My Label' 
}); 

layout.addChild(textBox); 
layout.placeAt(form.containerNode); 
layout.startup(); 

jsfiddle (gracias por la plantilla, @jumpnett)

Answer 4

lo tengo usando siguiente fragmento:

dojo.place('<label for="field" > Label Name </label>',dojo.byId('TextField_Id'),'before');