2016-03-29 16 views
0

Amaç, Seçenekle seçime benzer özel widget yazmaktır. Seçenekler bildirimsel olarak belirtilebilmelidir. Örnek:Dojo: Seçimle ilgili Widget'ı Seçeneklerle bildirme

<div data-dojo-type="MySelect"> 
    <span class="my-select-option" data-dojo-type="MySelectOption>Foo</span> 
    <span class="my-select-option" data-dojo-type="MySelectOption>Bar</span> 
</div> 

sorun, tüm <span> s yazılır ve kaldırılır elde edilmesi. Onları MySelect 's JavaScript dosyası içinde doğru şekilde işlemek için yolu nedir?

+0

@GibboK Bu makaleyi oku https: // dojotoolk it.org/reference-guide/1.10/quickstart/writingWidgets.html Ayrıca, widget'ın yaşam çevreleri hakkındaki makaleyi de okuyorum. Bu noktada imkansız olduğunu düşünüyorum (Dojo başka bir şekilde yapılır). Yani ya bir şablon tanımlar ya da pragmatik içerik eklersiniz. – Oleg

+0

Özel widget'ınızı veri dojo-props'lerini kullanarak düzenleyebilir veya programatik bir yaklaşım kullanabilirsiniz. Her ikisi de gayet iyi çalışıyor. Daha fazla bilgi için lütfen yanıtıma bakın. Eğer başkalarına yardım edebilirsem, lütfen bana haber verin :) – GibboK

cevap

1

Özel pencere aracını dekoratif olarak yapılandırmak için data-dojo-props ve dojo/parser ile birlikte kullanabilirsiniz.

İşte

olası bir biçimlendirme için kısa bir örnek, dikkat ediniz:

  • kullanın widget'ınızda için özel "sınıfı" belirtmek için.
  • data-dojo-props'u, oluşturucuya örnekleme sonrasında herhangi bir yapılandırma bilgisine geçmek için kullanın.

data-dojo-props bir HTML5 veri özniteliğidir ve Dojo'nun en son sürümüyle çalışır. HTML'nize

Biçimlendirme:

<div id="instanceId" data-dojo-type="nameSpace/class" data-dojo-props="data: 'some data'"></div> 

Bu okuma iyi bir başlangıç:

ayrıştırma hakkında daha fazla bilgi için https://dojotoolkit.org/documentation/tutorials/1.10/declarative/

: Ben

https://dojotoolkit.org/reference-guide/1.10/dojo/parser.html