[Ext JS6实战] Ext.XTemplate

oscar999

于 2019-04-10 21:58:58 发布

阅读量559

点赞数

CC 4.0 BY-SA版权

分类专栏： 130-Web语言 Ext JS开发大全文章标签： ExtJS6 XTemplate

本文链接：https://blog.youkuaiyun.com/oscar999/article/details/89196397

130-Web语言同时被 2 个专栏收录

219 篇文章 ¥39.90 ¥99.00

订阅专栏

超级会员免费看

Ext JS开发大全

190 篇文章 ¥99.90 ¥299.90

订阅专栏

超级会员免费看

本文详细介绍了Ext JS6中的XTemplate使用技巧，包括数组自动填充，如通过{#}和{属性名}遍历数组及对象属性；条件判断，如if和switch case语法；以及数学公式支持和内置变量的功能。此外，还讲解了如何使用foreach遍历对象类型的键值，并介绍了模板成员函数的应用。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

文章目录

Ext.XTemplate 继承自Ext.Template，在其基础上提供了更多的功能。

1.数组自动填充

1.1 数组

 var users = [
			        { name: 'User1',  age: 24 },
			        { name: 'User2',  age: 22 },
			        { name: 'User3',    age: 24 },
			        { name: 'User4',   age: 25 },
			        { name: 'User5', age: 20 }
			    ];
		var tpl = new Ext.XTemplate(
			    '<p>Users: ',
			    '<tpl for=".">',     
			        '<p>{#}. {name}</p>', 
			    '</tpl></p>'
	   );
	   tpl.append('tmpDiv1', users);