JSView MVVM数据绑定库学习

最新推荐文章于 2024-07-16 10:33:59 发布

Dazer007

最新推荐文章于 2024-07-16 10:33:59 发布

阅读量2.2k

点赞数

分类专栏： javaweb

javaweb 专栏收录该内容

35 篇文章 0 订阅

订阅专栏

MVVM js 库JsRender/JsViews和knockoutjs介绍

http://www.oschina.net/p/jsrender

konckoutjs 参见前端开发框架Bootstrap和KnockoutJS

backbase 框架使用（songjian公司）

jsViews官网

简书：

使用：

map

List<String> 直接用data表示{{:#data}} {{:index}} 或者 {{:}} 表示数据

List<Bean> {{for ...}}

{{if nullAble==0}}可以为空{{else}}不能为空{{/if}}

自定义转换器或者tags

$.views.converters


{{subStrings:username lens=5}}
<img src="../../{{firstImgs:shopProductPicUrls}}"/>
<td>
	<%--photos是用逗号间隔的字符串--%>
	{{if photos}}
	{{for photos.split(",")}}
		 <img layer-src="../../{{:}}" layer-pid="" src="../../{{:}}" alt="" layer-index="0" height="40" width="50">
			{{/for}}
	{{else}}
	{{/if}}
</td>
bool:
<select class="form-control input-sm" id="isHot" name="type" data-rule="required" >
         <option  value="">请选择</option>
         <option  value="1" {{if isHot==true}}selected{{/if}}>热点</option>
         <option  value="0" {{if isHot==false}}selected{{/if}}>普通</option>
 </select>



helpers
{{:~myHelperValue}}
{{:~myHelperFunction(name, title)}}
{{for ~myHelperObject.mySortFunction(people, "increasing")}} ... {{/for}}
debug模式


使用原生的js写法：
{{if detail.length>20}}{{:detail.substring(0,20)}}......{{else}}{{:detail}}{{/if}}