ExtJS4 XTemplates在视图中;

时间:2012-04-06 13:00:44

标签: extjs extjs4 extjs-mvc

我的问题是:
“在ExtJS4中的 MVC 项目中使用XTemplates运行的正确方法是什么?”


> XTemplates是否应该在YourApp中。查看或在YourApp中。控制器
ExtJS4文档只是展示了如何将XTemplates与一些数据一起使用,但我还没有看到类似MVC的例子。
所以,

  • 我们的XTemplates应该在哪里举行?
  • XTemplate可以从控制器中获取一些变量作为参数吗? (如果我在控制器中得到一些计算数据,每次这些数据发生变化时都应该传递给XTemplate,这个XTemplate应该形成并向网页呈现新模板;

P.S。
对不起我的英文,谢谢你的帮助;

1 个答案:

答案 0 :(得分:2)

我不是专家,但我可以与你分享/ SOF的一些想法,希望能帮助你更多地了解extjs的模板引擎。

一般来说,XTemplate是构建视图/控件(网格,texfield等)的东西。 extjs中的每个组件控件都有一个“Tpl”或“fieldSubTpl”或“subTpl”等配置选项,这是用于呈现组件UI的XTemplate。

所以,想象一下你正在使用extjs本机类“Ext.form.field.TextArea”来表示一个输入文本控件,如果你查看extjs框架的源代码(我想人们常常忘记检查源代码,学习并从中获取灵感,掌握事物,了解extjs dev。团队如何做事情)并找到它的类定义,您将能够看到如何使用XTemplate。因此,我认为如果您可以查看并理解它,ofc,sencha docs是一个宝贵的资源,您已经得到了一些答案。

XTemplate采用数据/单个对象的数组,其属性需要与XTemplate中的变量匹配,因此您得到一个表示人物和属性名称的对象,即person.Name,因此在您的xtemplate中将显示名称在xtemplate中使用{Name}。你提到在控制器中进行一些计算,然后将它传递给XTemplate,你可以做到这一点,但是请记住,XTemplate支持自定义函数,可以在Xtemplate呈现之前操作数据,如本例所示来自sencha docs http://docs.sencha.com/ext-js/4-0/#!/api/Ext.XTemplate

如果您想要一个明确使用XTemplates的MVC应用程序,您可以在此处查看来自sencha的“MVC Feed viewer”应用程序http://docs.sencha.com/ext-js/4-0/#!/example/feed-viewer/feed-viewer.html

我希望它可以帮到你。

复活节快乐!

相关问题