私は専門家ではありませんが、あなた/ SOFといくつかの考えを共有し、extjsのテンプレートエンジンをより深く理解するのに役立つことを願っています。
非常に一般的に言えば、XTemplateは、ビュー/コントロール(グリッド、texfieldなど)が構築されているものです。extjsのすべてのコンポーネントコントロールには、「Tpl」、「fieldSubTpl」、「subTpl」などの構成オプションがあります。これは、コンポーネントUIのレンダリングに使用するXTemplateです。
したがって、extjsフレームワークのソースコードを見ると、入力テキストコントロールを表すextjsネイティブクラス「Ext.form.field.TextArea」を使用していると想像してください(人々はソースコードをチェックすることを忘れがちです。そこからインスピレーションを得て、物事を把握し、extjs dev。teamがどのように物事を行うかを確認し、そのクラス定義を見つけてください。そうすれば、XTemplateがどのように使用されるかを確認できます。ですから、これをチェックして理解できれば、多くの場合、sencha docsは貴重なリソースであり、すでにいくつかの答えが得られていると思います。
XTemplateは、プロパティがXTemplate内の変数と一致する必要があるデータ/単一オブジェクトを含む配列を取得するため、人とプロパティ名を表すオブジェクトを取得しperson.Name
ます。つまり、xtemplateで、xtemplate内で{Name}を使用して名前を表示します。 。コントローラで計算を行ってからXTemplateに渡すことについて言及しましたが、これは問題ありませんが、この例に示すように、XTemplateは、Xtemplateがレンダリングされる前にデータを操作できるカスタム関数をサポートしていることに注意してください。 senchadocsからhttp://docs.sencha.com/ext-js/4-0/#!/api/Ext.XTemplate
XTemplatesを明示的に使用するMVCアプリケーションが必要な場合は、senchaの「MVCFeedviewer」アプリをここで確認できますhttp://docs.sencha.com/ext-js/4-0/#!/example/feed-viewer /feed-viewer.html
お役に立てば幸いです。
イースター、おめでとう!