Xtemplate
知识点 :
迭代:
<tpl for="kids">
对 kids 迭代
分支
<tpl if="age < 18">
占位符
{variable}
<p>name:{name}</p>
表达式
在[ ]中的代码被认为是表达式
在[ ] 中可以使用下列变量
* values: 当前对象的引用,通过这个对象你可以直接改变重写模板所用的数据
* parent: The scope (values) of the ancestor template.
* xindex:循环模板中迭代的下标,开始下标为1
* xcount: 如果正在循环模板中,表示循环的次数.
* fm: Ext.util.Format.的别名
模板中使用函数
..........
示例分析:
var data = {
name: 'Jack Slocum',
company: 'Ext JS, LLC',
address: '4 Red Bulls Drive',
city: 'Cleveland',
state: 'Ohio',
zip: '44102',
kids: [{
name: 'Sara Grace',
age:33,
kids:[{name:"户惊涛",age:12}]
},{
name: 'Zachary',
age:26
},{
name: 'John James',
age:16
}]
}
'<br>{[values.name + "aaa"]}',
k'<tpl for="ids">',
'<p><tpl if="age < 18"><span style="color:red"></tpl>{#}:{name} Dad:{parent.name}<tpl if="age < 18"></span></tpl></p>'
for=“kids” if=”age < 18” 和 “aaa” 使用的是双引号,如果外边使用双引号而这些地方使用单引号是不会成功的。
“<tpl for=’ids’>”,
“{name}” 输出的是父模板中的name,虽然输出内容不准确,但还是输出了内容,说明不是由于外面的单引号引起的,而是内部使用双引号引起的。
不在 [ ] 中也可以使用基本运算符号 如 +-* /,不过只是对数字类型的数据支持
age 数子类型 {age+ 22} 输出两数相加后的结果 {age+"22"}输出的结果就是它本身{age+"22"}
1. '<tpl for="kids">',
'{name}',
'<tpl if="[values.kids]">{[values.kids[0]]}</tpl>',
"</tpl>"
2. '<tpl for="kids">',
'{name}',
'<tpl for="kids">',
'{name}',
"</tpl>"
"</tpl>"
1. value.kids.0 为空或不是对象
2 dosen’t work.
分享到:
相关推荐
利用模板(xtemplate)表格合并行 简单实现表格分组,单元格行的合并。
Back2Front 基于Express和XTemplate的模块化开发框架
xtemplate富逻辑的 KISSY 模板引擎
该资源通过一个代码实例授予对Ext处理图片的居中、排版问题陌生的开发人员。适用于初学者和有一定开发基础的人群,文件下载下来就可以用。
think-view-xtemplate 使用nunjucks渲染ThinkJS 3.x的视图文件 安装 npm install think-view-xtemplate 如何使用 const xtpl = require ( 'think-view-xtpl' ) ; exports . view = { type : 'xtpl' , xtpl : { ...
工程下安装XTemplate并使用它的方法实例说明: 1.安装xtpl 复制代码 代码如下: npm install xtpl xtemplate –save 2.在views目录添加test.xtpl文件,其内容为 this is {{title}}! 4.集成到Express中,只需要...
亲吻xtemplate 用于 KISSY 的独立 XTemplate 编译器用法节点 var ...壳要使用 shell 版本,您最好使用-g安装它 npm install kissy-xtemplate -g然后,您可以使用xtemplate bin 进行编译。 xtemplate a.xtpl.html
如果我们想使用xtpl ,我们还需要在 package.json 上安装独立的xtemplate 。 xtpl2只是将两个模块包装在一个包中。 特点 2 以另一种方式支持koa ,比如 var app = koa(); app.context.render = require('xtpl2')....
使用示例 var xtemplate = new ( require ( 'task-xtemplate' ) ) xtemplate . run ( inputs , options , logger ) 选项 选项.version 类型: string 您的 KISSY 版本,默认为最新版本。 发布历史 2014-11-11 ...
模板浏览器和nodejs上的高速,可扩展模板引擎库。...安装资源() 在浏览器上使用支持requirejs modulex kissy kissy画廊中文教程演示 在节点上使用请使用xtpl 贡献贡献 执照xtemplate是根据MIT许可发布的。
把省份与城市以树的形式输出 代码如下: Ext.lib.Ajax.request( ‘POST’, ‘/Index/mainIndex’, { success: function (data) { data.... var province = new Ext.XTemplate( ‘”pros”>’,//遍历读取pros ‘<
2015-09-12:V 1.5 在设置新语言时启用了自动翻译操作现在,翻译文件以异步模式加载(比不推荐使用的同步模式更好) 新增:现在,您可以简单地添加自己的占位符激活器添加了新方法register和unregister以管理自定义...
本人觉得Ext.Template和Ext.XTemplate模板类非常类似.Net的母板页,或者非常类似于JSP技术中jstl标准标签和EL表达式功能;但是它是一个客户端的技术。 阅读目标:需要使用模板方式来开发web应用的人员。 前置条件:...
xtpl emmet借助强大的 Emmet 插件,提供 xtemplate 中常用代码片段,从而提高开发效率。使用方法基于 Emmet 插件,以 Sublime text 为例:确保已经安装了 Emmet 插件,并且可以正常使用打开菜单 Preferences→...
XTemplate是PHP的模板引擎,允许您将HTML代码分别存储到PHP代码中。 它具有许多有用的功能,但代码简短且经过高度优化。 代码存储在此处,其他内容则在http://www.phpxtemplate.org/上
在安富莱STM32H750网络例程的基础上,参考网上其他资料,整理学习增加了LWIP 服务器端多客户连接的功能示例,供学习参考..
XTemplate是XML模板引擎。