如何将属性映射到DOJO中的DOM节点？

debugcn 发表于 Dev

GibboK

我在DOJO中有一个小部件，我可以使用它设置属性

Registry.byId（'1831'）。set（'title'，'xxx PROP Updated'）;

我要更新HTML的属性更改。

知道怎么做吗？

   define([
        "dojo/_base/declare",
        "dijit/_WidgetBase",
        "dijit/_TemplatedMixin",
        'dijit/_AttachMixin',
        "dojo/text!./templates/Button.html",
        "dojo/dom-style",
        "dojo/_base/fx",
        "dojo/_base/lang",
        "dojo/on",
        "dojo/mouse",
        "require"
    ], function (declare, _WidgetBase, _TemplatedMixin, _AttachMixin, template, domStyle, baseFx, lang, on, mouse, require) {
        // private members

        return declare([_WidgetBase, _TemplatedMixin, _AttachMixin], {
            // public properties
            templateString: template,
            ntvType: 'Button',
            baseClass: "ntvButton",
            title: 'Title here',
            // set properties doho.stateful
            _setTitleAttr: function (value) {
                console.log("Setting value of title to " + value);
                this._set("title", value);
            },

            postCreate: function () {
                var domNode = this.domNode;
            },
        });
    });





    <div data-ntv-type="${ntvType}" class="${baseClass}">
        <button type="button">${title}</button>
    </div>

GibboK

我解决data-dojo-attach-point了在模板中使用并在JS代码中添加引用的问题。

define([
    "dojo/_base/declare",
    "dijit/_WidgetBase",
    "dijit/_TemplatedMixin",
    'dijit/_AttachMixin',
    "dojo/text!./templates/Button.html",
    "dojo/dom-style",
    "dojo/_base/fx",
    "dojo/_base/lang",
    "dojo/on",
    "dojo/mouse",
    "require"
], function (declare, _WidgetBase, _TemplatedMixin, _AttachMixin, template, domStyle, baseFx, lang, on, mouse, require) {
    // private members

    return declare([_WidgetBase, _TemplatedMixin, _AttachMixin], {
        // public properties
        templateString: template,
        ntvType: 'Button',
        baseClass: "ntvButton",
        title: '',
        // set properties doho.stateful
        _setTitleAttr: function (value) {
            console.log("Setting value of title to " + value);
            this._set("title", value);
            this._updateDom();
        },
        // update dom
        _updateDom: function () {
            this.titleDom.innerHTML = this.title;
        },

        postCreate: function () {
            var domNode = this.domNode;
        },
    });
});


<div data-ntv-type="${ntvType}" class="${baseClass}">
    <button type="button"><span data-dojo-attach-point='titleDom'>${title}</span></button>
</div>