Je veux ajouter plusieurs classes au widget ci-dessous à des fins de style:Comment ajouter une classe à un widget dojo?
var filteringSelect = new dijit.form.FilteringSelect({
id: "test",
},
"test");
Comment pourrais-je accomplir cela?
Voici le code html réelle:
<div tabindex="-1" wairole="combobox" dojoattachpoint="comboNode" dojoattachevent="onmouseenter:_onMouse,onmouseleave:_onMouse,onmousedown:_onMouse" id="widget_test" class="dijit dijitReset dijitInlineTable dijitLeft dijitComboBox" role="combobox" widgetid="test">
<div style="overflow: hidden;">
<div dojoattachevent="onmousedown:_onArrowMouseDown,onmouseup:_onMouse,onmouseenter:_onMouse,onmouseleave:_onMouse" wairole="presentation" dojoattachpoint="downArrowNode" class="dijitReset dijitRight dijitButtonNode dijitArrowButton dijitDownArrowButton" role="presentation">
<div class="dijitArrowButtonInner">
 
</div>
<div class="dijitArrowButtonChar">
▼
</div>
</div>
<div class="dijitReset dijitValidationIcon">
<br>
</div>
<div class="dijitReset dijitValidationIconText">
Χ
</div>
<div class="dijitReset dijitInputField">
<input type="text" waistate="haspopup-true,autocomplete-list" wairole="textbox" dojoattachpoint="textbox,focusNode" dojoattachevent="onkeypress:_onKeyPress,compositionend" class="dijitReset" autocomplete="off" role="textbox" aria-haspopup="true" aria-autocomplete="list" aria-invalid="false" id="test" tabindex="0" aria-required="true" value="United States"><input type="text" style="display: none;" name="">
</div>
</div>
</div>
il serait donc dojo.addClass (filteringSelect.test, "ClassName"); ou serait-ce l'étiquette d'entrée? – Amen
non, vous devriez faire filteringSelect.domNode parce que la propriété domNode fournit une référence au nœud DOM réel dans votre code HTML. filteringSelect.test donnerait un NPE. – linusthe3rd
En outre, filteringSelect fournit une référence à un widget dijit, qui vous fournit un tas de méthodes API dijit - pas l'élément DOM HTML réel. – linusthe3rd