backbone入門小例子

2022-03-08 05:51:46 字數 1465 閱讀 8391

最近聽了個backbone的分享,為了避免聽不懂,就先做了個小例子

例子很簡單,效果如下

基本檢視模板:

1

<

script

type

="tex/template"

id="template"

>

2<

span

>

val%><

/span>swap<

/span

><

span class="

delete

"style="

margin:10px;cursor:pointer;

">

delete

<

/span>

3script

>

view code

構建基本資料模型和集合:

1

var man=backbone.model.extend(,

6});

7var manlist =backbone.collection.extend()

view code

基本的檢視模型

1

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

view code

主檢視模型

1

var listview =backbone.view.extend(,

6 initialize:function

(),16 additem:function

()))

18},

(item));

2325

},26 render:function

()32 })

view code

初始化檢視

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