Aggiunta di un'etichetta a una casella di testo (di programmazione)

Question

Come posso aggiungere un'etichetta a una casella di testo (di programmazione):

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

questo non sembra funzionare (dojo 1.6)

Answer 1

ho mai visto alcun esempio in cui dijit.form.TextBox utilizza la proprietà labile per visualizzare effettivamente un'etichetta accanto al TextBox. L'etichetta è sempre un elemento etichetta separato o un textnode.

Credo che TextBox abbia questa proprietà solo perché la eredita da dijit._Widget (in base allo API docs).

Per aggiungere un'etichetta programmaticaly, basta aggiungere un TextNode separata o elemento etichetta DOMNode della maschera:

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 è un esempio completo su jsfiddle.

Answer 2

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

Answer 3

Dojo fornisce dojox.layout.TableContainer per l'accoppiamento automaticamente le etichette con i controlli:

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 (grazie per il modello, @jumpnett)

Answer 4

ho ottenuto usando seguente frammento di codice:

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