关闭

JSView MVVM数据绑定库学习

383人阅读 评论(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

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

0
0

查看评论
* 以上用户言论只代表其个人观点,不代表CSDN网站的观点或立场
    个人资料
    • 访问:122001次
    • 积分:2160
    • 等级:
    • 排名:第17541名
    • 原创:88篇
    • 转载:32篇
    • 译文:0篇
    • 评论:25条
    文章分类
    最新评论