当前位置: 首页 > 软件库 > 程序开发 > 模板引擎 >

xtemplate.js

富逻辑的模板引擎
授权协议 MIT
开发语言 JavaScript
所属分类 程序开发、 模板引擎
软件类型 开源软件
地区 国产
投 递 者 洪安顺
操作系统 跨平台
开源组织 阿里巴巴
适用人群 未知
 软件概览

xtemplate 是独立的富逻辑模板引擎,基于浏览器和 Node.js 的可扩展的模板引擎库。

xtemplate 支持异步控制和继承,包括逻辑表达式,自定义函数等等。

xtemplate 语法类似 mustache

示例:

 

<!-- index.xtpl -->

{{extend ("./layout1")}}

{{#block ("head")}}
<!--index head block-->
<link type="text/css" href="test.css" rev="stylesheet" rel="stylesheet"  />
{{/block}}

{{#block ("body")}}
<!--index body block-->
<h2>{{title}}</h2>
{{/block}}

<!-- layout1.xtpl -->

<!doctype html>
<html>
<head>
<meta name="charset" content="utf-8" />
<title>{{title}}</title>
{{{block ("head")}}}
</head>
<body>
{{{include ("./header")}}}
{{{block ("body")}}}
{{{include ("./footer")}}}
</body>
</html>

 

 

具体用法参考:https://github.com/yiminghe/xtemplate-on-browser

 

 

  • Ext.onReady(function(){ Ext.onReady(function(){ //定义模板 使用标签tpl和操作符for var tpl1 = new Ext.XTemplate( '<table border=1 cellpadding=0 cellspacing = 0>', '<tr><td width=90 >姓名</td><td width=90

  • XTemplate模板学习和使用总结 前言   XTemplate是我接触的第一个模板语言,用在公司的一个NodeJS项目中,跟它打交道经常是因为需要使用它的语法向模板中注入数据。因为是刚入门前端不久,所以一开始对这个语言有些抵触(毕竟不会用,还要上手写业务...),“这种我明明可以写在js文件里啊,为啥非要写在模板里??”之类。但是在了解并使用它写了一些业务之后就发现,模板语言是真的好用。 XT

  • view Ext.define('KitchenSink.view.grid.ExpanderLockable', { extend: 'Ext.grid.Panel', xtype: 'expander-lockable', store: 'Companies', columns: [ {text: "Company", flex: 1, da

  • Ext.Template类 Template类主要是功能是生产html片断,例 var t = new Ext.Template( ' ', '{name:trim} {value:ellipsis(10)}', ' ' ); t.append('some-element', {id: 'myid', cls: 'myclass', name: 'foo', value: 'bar'}); 公用方

  •   XTemplate 是富逻辑的 KISSY 模板引擎,面向复杂的业务逻辑场景,同时保持高性能和丰富的配置方法,是易学易懂的模板语言。 一个典型的XTemplate模板实例: Hello {{name}} You have just won ${{value}}! {{#if data}} {{#each data}} {{name}}-{{xindex}}/{{xcou

  • Ext.XTemplate 继承自Ext.Template, 在其基础上提供了更多的功能。 1.数组自动填充 1.1 数组

  • 在使用模板的时候总会报一个warning [W] XTemplate evaluation exception: Cannot set property ‘innerHTML’ of null 查了一下API ChildContentClearedWhenSettingInnerHTML : Boolean true if created child elements lose their inn

  • XTemplate是Extjs里面的模板组件. 下面我们看个最简单的例子. 效果图: js代码: <!-- Code highlighting produced by Actipro CodeHighlighter (freeware) -->Ext.onReady(function(){ //数据源 var data={ name:"博客园", read:[{ book:'<<道不远人>>',

 相关资料
  • 问题内容: 我有一个看起来像这样的有角模板… 我已经设置了一个JSfiddle来显示绑定的数据。 我需要做的是根据数据内容有条件地显示“ from”,“ to”和“ arrowTo” div。 日志是这个… 如果数据中存在“ from”对象,则显示“ from” div并绑定数据,但不显示“ createdBy” div。 如果没有“来自”对象,但是有“ createdBy”对象,则显示“ cre

  • Navicat Data Modeler 让你创建逻辑模型,包括实体、属性和关系。 若要创建一个逻辑模型,从菜单栏选择“文件”->“新建”。在“新建模型”窗口中,选择“模型类型”为“逻辑”。 你也可以使用下列的功能来创建一个逻辑模型: 从数据库导入 - 从现有的数据库/模式或 ODBC 数据源逆向工程。 模型转换 - 从一个物理或概念模型转换。

  • Navicat Data Modeler 让你创建逻辑模型,包括实体、属性和关系。 若要创建一个逻辑模型,从菜单栏选择“文件”->“新建模型”。在“新建模型”窗口中,选择“模型类型”为“逻辑”。 你也可以使用下列的功能来创建一个逻辑模型: 从数据库导入 - 从现有的数据库/模式或 ODBC 数据源逆向工程。 模型转换 - 从一个物理或概念模型转换。

  • Navicat Premium 让你创建逻辑模型,包括实体、属性和关系。 在“新建模型”窗口中,选择“模型类型”为“逻辑”。

  • Navicat Premium 让你创建逻辑模型,包括实体、属性和关系。 在“新建模型”窗口中,选择“模型类型”为“逻辑”。

  • Navicat Premium 让你创建逻辑模型,包括实体、属性和关系。 在“新建模型”窗口中,选择“模型类型”为“逻辑”。