Clickable dojo etykiet

Question

Jeśli używasz wejść formularza dojo i chcą mieć etykiety dla nich tak:

<label for="???">Email</label> 
<input 
    type="text" 
    name="email" 
    dojoAttachPoint="email" 
    dojoType="dijit.form.TextBox" 
/> 

etykieta nie jest klikalny, ponieważ nie ma możliwości dowiedzenia id przed wejściem to jest renderowane.

Czy istnieje inne rozwiązanie niż hakowanie identyfikatora, ponieważ dojo generuje ten element?

UPDATE

To właściwie jeszcze trudniejsze, niż myślałem, bo pole wprowadzania w dojo pobiera renderowane jako

<div class="dijit dijitTextBox" id="widget_dijit_form_TextBox_0"> 
    <input class="dijitReset dijitInputField" value="Χ" type="text" tabindex="-1"> 
    ... 
</div> 

i pola wprowadzania podstawowej nie posiada identyfikator

Answer 1

Czy próbowałeś podać id danych wejściowych?

<label for="myIdComesHere">Email</label> 
<input 
    id="myIdComesHere" 
    type="text" 
    name="email" 
    dojoAttachPoint="email" 
    dojoType="dijit.form.TextBox" 
/> 

---

Jeśli przypomnieć prawidłowo, identyfikator może być stosowany zarówno dojo.byId (w celu pobrania DOMNode aka słowa wejściowego) i dijit.byId (w celu pobrania dijit wystąpienie widget)

Answer 2

Jeśli tworzysz formularz wewnątrz widżetu, możesz użyć this.id, aby uzyskać identyfikator tej instancji widgetu.

Jeśli Twój widget nazywa się my.form, identyfikator widgetu będzie my_form_0 i będzie zwiększany dla każdego nowo utworzonego widgetu formularza.

Aby utworzyć unikatowy identyfikator dla swoich elementów formularza, należy

var id = this.id + '_email'; 

'<label for="' + id + '"/>' 
'<input type="text" id="' + id + '"/>' 

To daje

<label for="my_form_0_email"/> 
<input type="text" id="my_form_0_email"/> 

Jeśli tworzysz wejście używając dijit.form.TextBox, że pole tekstowe ZAWSZE będzie mieć unikalny identyfikator na Twojej stronie. Rzeczywisty element <input> wewnątrz widgetu będzie miał identyfikator znaleziony przez pobranie identyfikatora widgetu.

Jeśli utworzyć TextBox programowo, można wykonać następujące czynności:

var tb = new dijit.form.TextBox(), 
    label = dojo.create("label", {for: tb.id}); 

Answer 3

Jeśli nie dbają o zgodność z IE, można umieścić wewnątrz wkładu etykiecie:

<label><input type=checkbox>hello</label>