JSView MVVM数据绑定库学习

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

{{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}}