XCO-JS 1.0.1 版本发布,增强模板渲染和数据绑定 - 开源中国社区
XCO-JS 1.0.1 版本发布,增强模板渲染和数据绑定
xson_org 2017年08月06日

XCO-JS 1.0.1 版本发布,增强模板渲染和数据绑定

xson_org xson_org 发布于2017年08月06日 收藏 5

XCO-JS 1.0.1 版本已发布,XCO-JS是一款以XCO数据对象为基础,集数据封装、数据请求、模板渲染、数据绑定和数据验证为一体的综合性JS框架。

XCO-JS组件

新版本特性

  1. XCO请求支持结果检测和多成功事件;

  2. 模板引擎支持默认值,运算表达式和函数调用

  3. 数据绑定支持默认值,运算表达式和函数调用

  4. 修复历史BUG

代码片段

模板渲染

<div id="container"><!-- 
    <p>#{x|123}</p>
    <p>#{y|'中国'}</p>
 --></div>

<div id="container"><!-- 
    <p>#{x+y}</p>
    <p>#{x*y}</p>
    <p>#{x+y*z}</p>
    <p>#{money + '$'}</p>
 --></div>

<div id="container"><!-- 
    <p>#{create_time@formatDateTime}</p>
 --></div>

数据绑定

<div>
    <p id="p1">用户ID:#{id}</p>
    <p id="p2">用户昵称:#{name|'无名'}</p>
    <p id="p3">年龄层次:#{age@getAgeLevel}</p>
    <p id="p4">注册时间:#{create_time@formatDateTime}</p>
    <p class="c2">@{getState}</p>
    <a id="p5" href="toCertify.jsp?id=#{id}">#{name}</a>
</div>

<div>
    <p id="p6">用户积分:#{xx:score}</p>
    <p id="p7">用户资金:#{xx:(money/100)+'$'}</p>
</div>
本站文章除注明转载外,均为本站原创或编译。欢迎任何形式的转载,但请务必注明出处,尊重他人劳动共创开源社区。
转载请注明:文章转载自 开源中国社区 [http://www.oschina.net]
本文标题:XCO-JS 1.0.1 版本发布,增强模板渲染和数据绑定
分享
评论(3)
最新评论
0
@ericGy
0
@ericGy 姐姐
0
ericGy
顶部