JSView MVVM数据绑定库学习

转载 2017年01月03日 00:30:14

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

相关文章推荐

WPF MVVM 数据绑定

  • 2012-12-14 13:25
  • 59KB
  • 下载

MVVM 架构与数据绑定库

Model-View-Presenter(MVP),即模型-视图-表示层,架构被广泛应用于 Android 应用程序,通过引入表示层将视图与表示逻辑和模型分离。Model-View-ViewModel...

Silverlight之MVVM模式简单介绍项目(数据绑定)

很久没有更新博客了,今天向大家介绍一下Silverlight MVVM模式的使用。 MVVM即Model-View-ViewModel模式,它是一种轻量级的,灵活的方式分离数据实体与视图之间的关系,可...

DataBinding 与 mvvm 模式(二)其他类型数据绑定

本文介绍绑定颜色数据、绑定本地图片资源以及绑定网络图片三个案例,对于除了文本类型数据之外的其他类型数据,我们可以通过改造 getXxx 和 @BindingAdapter 注解两种方法实现绑定,推荐使...

DataBinding 与 mvvm 模式(一)文本类型数据绑定

Google 说:世界上已经31个 findViewById 的插件了,不过 Google 推出了最后一个那就是 DataBinding。数据绑定的主创甚至说了:我们发布得太晚了,这个东西应该在7,8...

android MVVM 数据绑定初体验

android MVVM 数据绑定初体验(未完待续) 前言 环境构建的坑 使用总结 设计思想 总结 问题 参考资料

Kendo UI开发教程(12): Kendo MVVM 数据绑定(一) attr

endo UI MVVM数据绑定支持的绑定属性有 attr, checked, click, custom , disabled,enabled, events, html, invisible, ,...

手写VUE mvvm双向数据绑定

当你打开这篇文章时,你肯定已经使用过vue,当你改变数据时,与之绑定的UI自动更新,当你触发一些表单元素时,与之绑定的数据也会自动更新。我刚开始学vue的时候对vue的双向数据绑定很好奇,所以今天我给...
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:深度学习:神经网络中的前向传播和反向传播算法推导
举报原因:
原因补充:

(最多只允许输入30个字)