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


            
阅读更多
个人分类: javaweb
想对作者说点什么? 我来说一句

jsView 2.0.5修改版 支持FireFox3.6

2010年02月22日 95KB 下载

没有更多推荐了,返回首页

不良信息举报

JSView MVVM数据绑定库学习

最多只允许输入30个字

加入CSDN,享受更精准的内容推荐,与500万程序员共同成长!
关闭
关闭