最近聽了個backbone的分享,為了避免聽不懂,就先做了個小例子
例子很簡單,效果如下
基本檢視模板:
1view code<
script
type
="tex/template"
id="template"
>
2<
span
>
val%><
/span>swap<
/span
><
span class="
delete
"style="
margin:10px;cursor:pointer;
">
delete
<
/span>
3script
>
構建基本資料模型和集合:
1view codevar man=backbone.model.extend(,
6});
7var manlist =backbone.collection.extend()
基本的檢視模型
1view codevar itemview =backbone.view.extend(,
8 initialize:function
(),14 render:function
());
17 $(this
.el).html(html);
18return
this;19
},20 unrender:function
(),23 swap:function
()28
this
.model.set(swaped);
29},
30 remove:function
()33 })
主檢視模型
1view codevar listview =backbone.view.extend(,
6 initialize:function
(),16 additem:function
()))
18},
(item));
2325
},26 render:function
()32 })
初始化檢視
var listview = new listview();
Backbone入門教程
body body first child body last child p,blockquote,ul,ol,dl,table,pre h1,h2,h3,h4,h5,h6 h1 tt,h1 code,h2 tt,h2 code,h3 tt,h3 code,h4 tt,h4 code,h5 tt,...
WCF入門小例子
wcf 開發工具的出現,為開發人員帶來了非常大的好處,尤其是在通訊方面,極大的解決了一些比較難的問題。那麼今天我們將要為大家介紹的是有關wcf服務引用的一些操作技巧,讓大家對此有乙個初步的了解。熟悉web service開發的程式設計師對新增服務引用應該並不陌生。在建立某個服務的客戶端程式時,並不需...
springmvc入門的小例子
今天我們 一下springmvc,由於是初學,所以簡單的了解一下 springmvc的流程,後續會持續更新。由乙個小例子來簡單的了解一下 springmvc springmvc是spring框架的一部分它是可以代替struts2的乙個產品 springmvc的工作流程圖如下 在原有的spring j...