我正在尝试创建一个自定义占位符控件。这是代码摘录:
(function () {
var Placeholder = WinJS.Class.define(function ctor(elem, options) {
this.element = elem || document.createElement('div');
this.element.winControl = this;
WinJS.UI.setOptions(this, options);
this.init();
},
{
element: {
get: function () {
return this._element;
},
set: function (value) {
this._element = value;
}
},
placeholder: {
get: function () {
return this._placeholder;
},
set: function (value) {
this._placeholder = value;
this._placeholderElement.textContent = value;
}
},
placeholderClass: {
get: function () {
return this._placeholderClass;
},
set: function (value) {
this._placeholderClass = value;
this._placeholderElement.classList.add(value);
}
},
_placeholderElement: null,
init: function () {
this._addPlaceholder();
},
_addPlaceholder: function () {
/* Code to add placeholder. */
}
});
WinJS.Namespace.define("ControlX", { Placeholder: Placeholder });
})();
我正在尝试以这种方式在 html 中使用此控件:
<div data-win-control="ControlX.Placeholder" data-win-res="{winControl:{placeholder:'resHeight'}}"><input type="text"/></div>
当我使用data-win-res
属性设置占位符值时,出现异常:
“无法设置未定义或空引用的属性‘占位符’”
根据这篇文章: 如何本地化 WinJS 控件,我们也可以将资源字符串绑定到 winControl 属性。
我究竟做错了什么?
有没有其他方法可以将资源字符串绑定到 winControl 属性?