大家在開(kāi)發(fā)中會(huì)在試圖模板（view）中看到“block”標(biāo)簽，這個(gè)標(biāo)簽在view起什么樣的作用呢？如何靈活的使用呢？本帖將詳細(xì)的介紹關(guān)于使用“block”的那些事。 在Clouda中有一個(gè)很重要的特性叫做“隨動(dòng)反饋”，當(dāng)數(shù)據(jù)發(fā)生變化時(shí)會(huì)自動(dòng)更新與數(shù)據(jù)關(guān)聯(lián)view的數(shù)據(jù)，那么view怎么知道哪部分的數(shù)據(jù)需要根據(jù)數(shù)據(jù)來(lái)更新呢？這個(gè)就需要使用“block”來(lái)做標(biāo)記了。 “block”在view用于標(biāo)記在這個(gè)標(biāo)簽內(nèi)的數(shù)據(jù)需要隨數(shù)據(jù)的變化而做實(shí)時(shí)的更新，在“block”中只需要描述數(shù)據(jù)的最終呈現(xiàn)形式即可，例如： <block tpl-id="chatroom_container"><div id="messages">{{#each data}}<div class="username">{{this.username}}</div><div class="content">{{this.message}}</div>{{/each}}</div> </block> 大家在上面的代碼中可以看到“{{ }}”這樣的語(yǔ)法，這是Handlebars語(yǔ)法 ，詳細(xì)使用方法請(qǐng)參考官網(wǎng)：http://handlebarsjs.com/。這里使用Handlebars來(lái)描述數(shù)據(jù)的最終的呈現(xiàn)形式，在“block”中表示，這部分的數(shù)據(jù)會(huì)根據(jù)數(shù)據(jù)的變化完成自動(dòng)實(shí)時(shí)更新。

?

如果我們?cè)谝粋€(gè)view中有多個(gè)區(qū)域需要實(shí)時(shí)更新而且是根據(jù)不用的數(shù)據(jù)來(lái)做更新的話，我們可以在一個(gè)view中多次使用“block”標(biāo)簽。 //聊天信息大廳 <block tpl-id="chatroom_container"><div id="messages">{{#each data}}<div class="username">{{this.username}}</div><div class="content">{{this.message}}</div>{{/each}}</div> </block> //在線人數(shù) <block tpl-id="user "><div id="user_info">{{#each data}}<div class="username">{{this.username}}</div><div class="login_time">{{this.login_time}}</div>{{/each}}</div> </block>

　　

這樣可以實(shí)現(xiàn)在一個(gè)View中實(shí)現(xiàn)多區(qū)域的局部信息更新。

?

如果在“block”中有標(biāo)簽事件的話，這個(gè)事件需要在Controller中onready()周期中的session.event()中完成事件綁定，如果不是在session.event()中完成的話，當(dāng)時(shí)相應(yīng)部分更新后，事件就會(huì)失效，請(qǐng)注意。

轉(zhuǎn)載于:https://www.cnblogs.com/lightapp/p/clouda.html

總結(jié)

以上是生活随笔為你收集整理的Clouda开发随笔之block标签的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問(wèn)題。

如果覺(jué)得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。