Ajouter des étiquettes par programmation

J'ai un div id="conteneur" conteneur et j'ai besoin d'ajouter des étiquettes pour que div ( 10 ou 4 ou de l'une - selon le bouton sur lequel je clique ) et le besoin de ressembler à table ( lignes x 2 colonnes ). Comment atteindre cet objectif ?
Comment ajouter des étiquettes par programmation ?

OriginalL'auteur Damir | 2011-03-23

  1. 3

    Voici comment j'ai fait ça dans le dojo.

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

    OriginalL'auteur Richard Ayotte

  2. 6

    Vous pouvez utiliser dojo.créer la fonction. E. g.:

    var label = dojo.create("label", {for:"fieldId", innerHTML:"SomeText"}, "tableCellId");

    où tableCellId - id de l'élément dans lequel vous souhaitez ajouter l'étiquette

    De même, vous pouvez créer dynamiquement un tableau, et d'ajouter des étiquettes à une nouvelle table.

    var table = dojo.create("table", null, dojo.body());
var row = dojo.create("tr", null, table);
var cell = dojo.create("td", null, row);
var label = dojo.create("label", {for:"fieldId", innerHTML:"SomeText"}, cell);

    Dojo de créer de la documentation

    OriginalL'auteur Andrei

  3. 0

    J'ai trouvé j'ai besoin d'ajouter l'étiquette sur le contenant avant la création de la TextEntry élément, mais en référence à l'TextEntry identification de l'élément.

    Ci-dessous est un exemple où j'ai ajouté une étiquette pour un éditeur:

    var tabWizard = new TabContainer({
   id : "tabWizard",
   class : "centerTabContainer",
   tabPosition : "left"
});
var tab = new ContentPane({
   title : "tabTitles",
   class : "tabPage"
});
tabWizard.addChild(tab);
var tabContainer = new BorderContainer({
   design : 'headline',
   gutters : false
});
var tabMain = new ContentPane(
   {
      id : "tabMain_What",
      class : "cdmMain",
      region : "center"
   });
tabMain.startup();
//here is where the label is created referencing the id details
tabMain.domNode.appendChild(
   dojo.create("label",{
      "for" : "details", innerHTML : "Details:" 
    })
);
//here is the editor to be labeled as "Details:"
var tabPrompt = new Editor({
   id : "details",
   name : "details",
   class : "details"
});
tabMain.addChild(tabPrompt);
tabContainer.addChild(tabMain);
tab.addChild(tabContainer);

    OriginalL'auteur Nathaniel Mills