Bir formun içine yerleştirilebilen ve herhangi bir girdi öğesi gibi davranabilen bir Web Bileşeni oluşturmak için nasıl// veya sadece "öyle mi?") Mümkün mü? Başka bir deyişle, Web Bileşenleri özel giriş elemanları oluşturmak için kullanılabilir mi?Can Web Bileşenleri, özel giriş öğeleri oluşturmak için kullanılabilir mi?
cevap
testten önce şu tarayıcı yapılandırma seçenekleri kullanın:
- Chrome:
about:flags => Enabled Experimental WebKit Features/Enable Experimental Web Platform
- Firefox:
about:config => dom.registercomponents.enabled
document.registerElement
etkinleştirmek için.
/* Cross-browser fallback */
document.registerElement = document.registerElement || document.register;
/* Element registration using x-tag format */
var MegaButton = document.registerElement('x-button', {
prototype: Object.create(HTMLButtonElement.prototype),
extends: 'button'
});
Kaynaklar
- Extending Native Elements
- HTML as Custom Elements
- Extending Custom Elements :
- Create Custom HTML Elements
- x-tag and the Web Components Family
- Performance and Custom Elements
- Mozilla: Custom Elements
- Detailed Introduction to Custom Elements
- Web Components: The Chromium Projects
- Web Components Best Practices
- Component Model Wiki
- Web Component Proposals: Type Extensions
doğal bir girdi elemanının uzatmak document.registerElement
arasında extends
parametre ile
[Burada görünmeyen bir demo var. sağladığınız kodu kullanarak Chrome veya Firefox'ta çalışın] (http://jsfiddle.net/sBWr2/). Bir şey mi eksik? "Deneysel Web Platformu özelliklerini etkinleştir" seçeneğinin etkin olarak ayarlandığını iki kez kontrol ettim. – zzzzBov
@zzzzBov Başlıklar için teşekkürler. Firefox'ta çalışmak için [http://jsfiddle.net/sBWr2/46/] [http://jsfiddle.net/sBWr2/46/] güncelledim ve [başka bir örnek] buldu (http://jsfiddle.net/Buttonpresser/9W4pe/) Özel etiketin görüntüleme özelliklerini tanımlamak için stil sayfası kurallarını kullanma. –
Açık olması gerekirse, özel öğelerle yaşadığım sorun kayıt, oluşturma veya stil oluşturma ile birlikte görünmüyor. Bu, şeylerin işe yaramadığı form verilerini temsil etmeleri gerektiği zaman. Özel bir öğenin kaydedilebileceği, ancak bir formun bir parçası olarak gönderilebileceği veya bir form göndermek için tıklandığı bir örnek görmedim. – zzzzBov
- 1. Can Django py2exe ile birlikte kullanılabilir mi?
- 2. Can Netflix'in Eureka AWS dışında kullanılabilir mi?
- 3. Can Instruments komut satırını kullanarak kullanılabilir mi?
- 4. Can OpenGL render 3D monitörler için kullanılabilir mi?
- 5. IDeserializationCallback arabirimi yerine Can OnDeserializedAttribute kullanılabilir mi?
- 6. Can glob os.system ile birlikte kullanılabilir mi?
- 7. Can Vala GObject olmadan kullanılabilir mi?
- 8. Django, web dışı uygulamalar için kullanılabilir mi?
- 9. Can Rayları Veri dönüştürmek için geçişler kullanılabilir mi?
- 10. SinyalR Backplane, dağıtılmış bir önbellek oluşturmak için kullanılabilir mi?
- 11. ASIO, düşük gecikmeli uygulamalar oluşturmak için kullanılabilir mi?
- 12. W3C DOM, Doküman/DocType düğümleri oluşturmak için kullanılabilir mi?
- 13. Angular 2 Bileşenleri ve Web Bileşenleri arasındaki fark nedir?
- 14. Can IAM rolü, bulut şablonlarında geçici kimlik bilgileri kullanılabilir mi?
- 15. Python 3 ipucu yazabilir Doküman oluşturmak için kullanılabilir mi?
- 16. Can Golang mobile React-Native ile kullanılabilir mi?
- 17. Can F # TypeProviders bir Windows Mağazası uygulamasında kullanılabilir mi?
- 18. Can Opencover, TypeMock Isolator ile birlikte kullanılabilir mi?
- 19. Google Analytics Polimer Web Bileşenleri - Safari Datepicker
- 20. Web Bileşenleri hazır bayrağı
- 21. Can Bahar XD bildirimler için bir mesaj komisyoncusu olarak kullanılabilir mi?
- 22. Özel Nesne Denetçisi Bileşenleri?
- 23. Can gdb'nin "terminalden gelen giriş" mesajları engellenebilir mi?
- 24. KML oluşturmak için hangi Java kütüphaneleri kullanılabilir?
- 25. Özel MXML bileşenleri oluşturma
- 26. Bulut hizmeti için Azure ACL kullanılabilir mi?
- 27. Birden çok log4j.properties dosyası aynı Tomcat web uygulamasında kullanılabilir mi?
- 28. QSys, IP oluşturmak için özel bileşen aracılığıyla tekrarlanabilir mi?
- 29. Invalidate @Kullanılabilir arayüzde ek açıklama ile giriş yapılabilir mi?
- 30. ASP.NET kullanıcı denetiminde uyumsuz yöntem kullanılabilir mi?
Polymer kullanarak Google tarafından oluşturulan özel bir giriş öğesi örneği: https://www.polymer-project.org/components/paper-input/demo.html – Ajedi32