Dojo - Как добавить текст на панели инструментов

Question

Я следующую панель инструментов, и я хочу, чтобы добавить слово «кнопки» в начале панели инструментов: http://jsfiddle.net/yyzxW/

<div id="toolbar1" data-dojo-type="dijit/Toolbar" style="background-color:inherit;background-image:none;border-bottom:0px;"> 
<span data-dojo-type="dijit/ToolbarSeparator">Buttons:</span> 
<div data-dojo-type="dijit/form/Button" id="toolbar1.pan" data-dojo-props="iconClass:'PanIcon', showLabel:false">פאן</div> 
      <div data-dojo-type="dijit/form/Button" id="toolbar1.copy" data-dojo-props="iconClass:'dijitEditorIcon dijitEditorIconCopy', showLabel:false">Copy</div> 
      <div data-dojo-type="dijit/form/Button" id="toolbar1.paste" data-dojo-props="iconClass:'dijitEditorIcon dijitEditorIconPaste', showLabel:false">Paste</div> 
      <!-- The following adds a line between toolbar sections--> 
      <span data-dojo-type="dijit/ToolbarSeparator"></span> 
      <div data-dojo-type="dijit/form/ToggleButton" id="toolbar1.bold" data-dojo-props="iconClass:'dijitEditorIcon dijitEditorIconBold', showLabel:false">Bold</div> 
     </div> 

Кроме того, как я могу сделать это программно, если я создать свою панель инструментов, как это:

var toolbar = new Toolbar({ 
      id: "toolbar1", 
      style: "background-color:inherit;background-image:none;border-bottom:0px;" 
     }); 

     var btnPan = new ToggleButton({ 
      label: "Pan", 
      id: controls.PAN, 
      onClick: function() { deactivateControls(); }, 
      showLabel: true, 
      iconClass: "ToolbarIcon Pan" 
     }); 

     var btnZoomIn = new ToggleButton({ 
      label: "Zoom In", 
      id: controls.ZOOM_IN, 
      onClick: function() { activateControl(this.id); }, 
      showLabel: true, 
      iconClass: "ToolbarIcon ZoomIn" 
     }); 

     var btnZoomOut = new ToggleButton({ 
      label: "Zoom Out", 
      id: controls.ZOOM_OUT, 
      onClick: function() { activateControl(this.id); }, 
      showLabel: true, 
      iconClass: "ToolbarIcon ZoomOut" 
     }); 

     toolbar.addChild(btnPan); 
     toolbar.addChild(btnZoomIn); 
     toolbar.addChild(btnZoomOut); 

Answer 1

см мой Modify версия jsfiddle http://jsfiddle.net/yyzxW/3/

поставить этот стиль в DIV

<div style='float:left;margin-top:3px;'>Buttons: </div> 

Для программирования кода, вы можете использовать dojo.create или поставить переключатель, чтобы создать DIV в toolBar.containerNode как

put(toolBar.containerNode, "div.yourClass", "Your text"); 

Answer 2

Вы можете просто создать кнопку инвалидов.

<div data-dojo-type="dijit/form/Button" 
    data-dojo-props="'class': 'labelOnlyButton', disabled: true">Buttons:</div> 

Использование .labelOnlyButton для создания CSS, чтобы сделать его, как вы хотите.