renderTplのカスタムプロパティ

Question

展開時に日付ピッカーの下に余分なテキストを表示する必要がありますが、アプリケーションのすべての日付ピッカーでは表示されません。

Ext.picker.Dateコンポーネントをオーバーライドしていて、余分なhtmlを追加するためにrenderTplプロパティを変更しています。その後、

Ext.define('overrides.picker.Date', { 
override: 'Ext.picker.Date', 

showExtra: false, 

renderTpl: [ 
    '....existing html for picker here...', 

    '<tpl if="showExtra">', 
     'extra picker text', 
    '</tpl>', 
] 

}); 

ように、コンポーネントを作成するときにブール値プロパティが設定されている場合にのみ表示ですので、私はshowExtraがfalseデフォルトでは、もし条件に新しいHTMLをラップしようとしていますし、その後、私の考えでは、これを指定することでしたページ上の日付ピッカーを使用するときにtrueになるようにします。

items: [{ 
     xtype: 'datefield', 
     value: this.effectiveDate, 
     showToday: false, 
     showExtra: true 
     }, 

renderTplプロパティの上の値でshowExtraをtrueに指定しても、条件は満たされません。条件が満たされるように、どうすれば値を渡すことができますか？

Answer 1

使用renderDataあなたのTPL

items: [{ 
    xtype: 'datefield', 
    value: this.effectiveDate, 
    showToday: false, 
    renderData: { 
     showExtra: true 
    } 
}, 

またはあなたのオーバーライドされたコードの中にそれを行うことであろう、よりきれいな方法のカスタムプロパティを設定します。 Ext.picker.Dateの元のbeforeRender（）を見てください。あなたが内側にあなたのporpertyを設定する必要はありません。その場合は

beforeRender: function() { 
    this.callParent(arguments); 

    Ext.apply(me.renderData, { 
     showExtra: this.showExtra 
    }); 
} 

：あなたのような何かを行うことができ、あなたのオーバーライドファイルで

... 

Ext.apply(me.renderData, { 
    dayNames: me.dayNames, 
    showToday: me.showToday, 
    prevText: me.prevText, 
    nextText: me.nextText, 
    days: days 
}); 

.... 

：「showToday」のようないくつかのプロパティは、そこたrenderDataに移動されますrenderDataちょうど書き込み：

items: [{ 
    xtype: 'datefield', 
    value: this.effectiveDate, 
    showToday: false, 
    showExtra: true 
},