Описание тега x-tag
X-Tag - это небольшая библиотека JavaScript, созданная и поддерживаемая Mozilla, которая улучшает и упрощает разработку веб-компонентов.
2
ответа
Правильный способ создания пользовательских подэлементов с помощью X-Tag
Итак, я знаю, что библиотека веб-компонентов x-tag позволяет создавать пользовательские элементы, которые отображаются в HTML следующим образом: <x-my-custom-element>my content</x-my-custom-element> Однако, что если бы я хотел создать не…
30 дек '16 в 10:14
1
ответ
Создание пользовательских _nested_ HTML-тегов с использованием x-tag
Я пытаюсь создать собственный HTML-тег, используя http://www.x-tags.org/ Mozilla. Я смог зарегистрировать тестовый тег и правильно его использовать; Однако я не могу найти хороших примеров вложенных тегов. Например: <parent-tag parent-attribute="…
22 июн '14 в 23:35
1
ответ
Требуется ли для пользовательских элементов тире в их названии?
Можно ли назвать ваши собственные элементы <date>, <person>, <city> или другие без использования тире? Можно использовать определения элементов без них?
20 мар '14 в 21:34
1
ответ
Если импорт HTML устарел / устарел, каков наилучший способ импорта шаблона веб-компонента (X-Tag)?
Я работаю над своим первым приложением X-Tag, и на его странице написано, что оно предназначено для работы с API-интерфейсами веб-компонентов, такими как "Пользовательские элементы, Shadow DOM, Шаблоны и Импорт HTML". Я начал работать над моими шабл…
20 май '16 в 11:27
1
ответ
X-TAG: attributeChanged отсутствует в Firefox и Edge
http://codepen.io/eeliya/pen/qNpBro Если вы запустите эту демонстрацию codepen на Chrome, вы увидите предупреждение, когда нажмете кнопку. Но это не работает на Firefox или Edge. Другими словами attributeChanged не срабатывает на FF и Edge
14 июл '16 в 11:31
1
ответ
Является ли свойство "extends" устаревшим в X-Tag?
Вариант использования для свойства extends кажется очень простым ( http://www.x-tags.org/docs), однако при тестировании используется следующее определение тега: (function () { xtag.register('dk-foo', { extends: 'b', lifecycle: { created: function ()…
23 фев '14 в 15:35
1
ответ
Остановить X-теги от захвата событий фокуса / размытия
Я пытаюсь создать пользовательский элемент, который обернет функциональность tinyMCE. У меня есть следующее:- (function(xtag) { xtag.register('x-tinymce', { lifecycle:{ created: tinymceCreate, removed: tinymceDestroy }, accessors: { disabled: { attr…
09 окт '16 в 01:58
0
ответов
Импорт X-тега HTML при регистрации
Есть ли способ импортировать контент через регистр X-Tag из внешнего файла? Так что-то вроде: xtag.register('x-modal', { content: url('../modal.html'); }); Я знаю, что это не правильно, но есть ли что-то подобное? Спасибо!
24 мар '16 в 15:48
2
ответа
Сравнение между полимером и x-tag и ванилью js
Кто-нибудь может дать мне некоторое представление о разнице между полимером,x-tag и vanilla js? Я использовал полимер в своем проекте, но я хочу сравнить полимер,x-tag и vanilla js.
30 июн '14 в 09:38
0
ответов
Веб-страница, использующая dimplejs, x-tag, прекрасно отображается в Chrome и Safari, взрывается в Firefox
У меня странная проблема, и я не совсем уверен, как сузить источник ошибки (не веб-разработчик). Веб-страница [1], которая визуализирует около 8 мегабайт данных, корректно отображается в Chrome и Safari, но взрывается в Firefox (возможно, в IE). Я и…
21 дек '14 в 07:53
1
ответ
X-теги не запускают WebComponentsReady на IE
Это работает в Chrome, но не работает в IE. Я пытаюсь импортировать тег с помощью HTMLImports (через библиотеку x-tag), но событие WebComponentsReady никогда не запускается, и я вижу, что мои элементы отображаются как HTMLUnknownElements. <elemen…
02 авг '13 в 21:42
1
ответ
Делегирование событий не работает в X-tag
Я не могу заставить делегацию работать с событиями. Я пытаюсь вызвать срабатывание определенной функции при нажатии кнопки внутри элемента. Тем не менее, когда я использую синтаксис ('tap:delegate(button)': function(){});Я не получаю ответа. Ниже пр…
14 апр '16 в 02:12
1
ответ
x-flipox не работает на пользовательском полимерном элементе
Привет всем, я пытаюсь создать пользовательский элемент Polymer, который использует элемент внутри тега шаблона. Однако кажется, что тег работает только на странице индекса, а не внутри моих пользовательских элементов. Это мой пользовательский элеме…
24 июл '14 в 15:04
2
ответа
Делегирование события x-tag: доступ к корневому элементу
Мне нужно делегировать событие "tap" кнопке закрытия в пользовательском элементе, и, в свою очередь, вызвать close() метод на корневой элемент. Вот пример: xtag.register('settings-pane', { lifecycle: { created: function () { var tpl = document.getEl…
17 июн '15 в 14:49
4
ответа
Обработка нескольких х-тегов
Примечание. Этот вопрос основан на старой версии х-тега Mozilla. В моем проекте я использую x-tag Mozilla. Я создал этот тег с именем x-master. Я получил два из этих тегов в моем index.html: <div id="page-one" data-role="page"> <x-master id…
24 дек '12 в 15:08
1
ответ
Тестирование огурца / капибары с помощью x-tag
Я тестирую приложение, которое создаю с помощью Cucumber/Capybara. Похоже, он не видит x-tag, который я использую. Похоже, что Cucumber неправильно отображает страницу с помощью x-tag. Есть ли способ решить это? Я думаю, что это проблема, потому что…
29 окт '12 в 10:19
1
ответ
Передать функцию через аксессоры x-tag
Я пытаюсь использовать аксессоры x-tag, но не могу найти хорошую документацию по ним. Я хотел бы передать функцию через аксессор и написать что-то вроде этого: <my-element logic="myFunction()"></my-element> И я хочу сохранить эту функцию…
05 мар '16 в 10:08
1
ответ
Как сделать так, чтобы пользовательский элемент опубликовал свое значение во время отправки формы?
Я создаю пользовательский элемент, который оборачивает сторонний элемент управления. По какой-то причине я должен применить этот сторонний элемент управления на <div> вместо этого на <input> или иначе это будет вести себя по-другому. Я и…
23 мар '18 в 05:07
1
ответ
Как бы вы определили сигнатуру интерфейса Typescript для компонента x-tag
Спецификация x-tag имеет следующую подпись в чистом JS - xtag.register('x-accordion', { // extend existing elements extends: 'div', mixins: ['superdefaults', 'otherdefaults'], lifecycle:{ created: function(){ // fired once at the time a component //…
22 янв '14 в 11:39
9
ответов
Выберите теги, которые начинаются с "x-" в jQuery
Как я могу выбрать узлы, которые начинаются с "x-" имя тега, вот пример иерархического дерева DOM: <div> <x-tab> <div></div> <div> <x-map></x-map> </div> </x-tab> </div> <x-footer><…
17 июн '13 в 05:12