Thêm nhãn vào một hộp văn bản (lập trình)

Question

Làm thế nào để thêm một nhãn vào một hộp văn bản (lập trình):

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

này dường như không làm việc (Dojo 1.6)

Answer 1

Tôi đã không bao giờ thấy bất kỳ ví dụ nào nơi dijit.form.TextBox sử dụng thuộc tính lable để thực sự hiển thị nhãn bên cạnh TextBox. Nhãn luôn là phần tử nhãn riêng hoặc mã văn bản.

Tôi tin rằng TextBox chỉ có thuộc tính này vì nó thừa kế nó từ dijit._Widget (theo số API docs).

Để thêm một nhãn programmaticaly, chỉ cần thêm một textnode riêng biệt hoặc thành phần nhãn để domNode của hình thức:

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 là một ví dụ đầy đủ về jsfiddle.

Answer 2

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

Answer 3

Dojo cung cấp dojox.layout.TableContainer cho tự động ghép nối nhãn với các điều khiển:

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 (nhờ cho mẫu, @jumpnett)

Answer 4

tôi đã nhận nó sử dụng đoạn mã sau:

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