javascript - 扩展每个 html 元素

Question

使用 x-tag 我试图找到一种方法来扩展我放置的每个 html 元素 is:"ajax-pop" 属性。

我想要做的是，当我单击带有 is:"ajax-pop"属性的元素时，我将执行一些动态 ajax 加载。这将是我开发可管理系统的良好起点。

我知道我可以用一些不同的方式来做到这一点，但我想知道是否有一种方法可以像这样扩展:'每个本地 html 元素'

xtag.register('ajax-pop', {

    extends: 'WHAT SHOULD I WRITE HERE???',

    lifecycle: {
        created: function () {                
        },
        inserted: function () {                
        },
        removed: function () { },
        attributeChanged: function () { }
    },
    methods: {
        someMethod: function () { }
    },
    accessors: {
        popUrp: {
            attribute: {
                name: "pop-url"
            }
        },
    },
    events: {
        tap: function () { },
        focus: function () { }
    }
});

Answer 1

类型扩展必须逐个元素定义。单个自定义元素不能扩展多个标准元素。 因为，每个自定义元素都拥有自己的原型(prototype)，不能重复使用。

如果你想扩展一个按钮(例如)，你必须用 JavaScript 编写:

xtag.register('ajax-pop', {
    extends: 'button',
...

并且，在 HTML 页面中:

<button is="ajax-pop">
...