Question

我有一个自定义字段，它扩展了Ext.form.field.Text。我的新字段使用自定义模板，如下所示：

fieldSubTpl: [
    '<div class="uk-margin-medium-bottom"><div class="md-input-wrapper"><label for="{id}">{label}</label><input class="md-input" id="{id}" name="{name}" type="text" value="{value}" /><span class="md-input-bar "></span></div></div>',{
    compiled: true}
],

问题在于模板中的{label}属性。如果我在initComponent方法中检查它，如下所示：

...
initComponent: function() {
   console.log(this.label); // prints out some value
},
...

我在控制台中看到了一些价值。因此，此属性存在且组件看到它，但是，我不知道如何在模板中使用它。

Answer 1

这是因为* checking for missing documentation entries ... WARNING Undocumented code objects: 'cpen' 'derivcvxpec' 'penta' 'predcvxpen' 'spen_egcv' All user-level objects in a package should have documentation entries. See chapter 'Writing R documentation files' in the 'Writing R Extensions' manual.和<label>标记是分开呈现的。

使用<input> mixin呈现标签。您可以使用config Labelable更改它的渲染模板。

如果您仍希望使用labelableRenderTpl一次渲染所有内容，则应扩展组件的getSubTplData方法并将fieldSubTpl值附加到返回的对象。此对象将传递到label模板以进行渲染。

UPD。示例小提琴https://fiddle.sencha.com/#view/editor&fiddle/1ui1

在模板中使用自定义属性

1 个答案: