Clouda开发随笔之block标签
生活随笔
收集整理的這篇文章主要介紹了
Clouda开发随笔之block标签
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
大家在開發中會在試圖模板(view)中看到“block”標簽,這個標簽在view起什么樣的作用呢?如何靈活的使用呢?本帖將詳細的介紹關于使用“block”的那些事。 在Clouda中有一個很重要的特性叫做“隨動反饋”,當數據發生變化時會自動更新與數據關聯view的數據,那么view怎么知道哪部分的數據需要根據數據來更新呢?這個就需要使用“block”來做標記了。 “block”在view用于標記在這個標簽內的數據需要隨數據的變化而做實時的更新,在“block”中只需要描述數據的最終呈現形式即可,例如: <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> 大家在上面的代碼中可以看到“{{ }}”這樣的語法,這是Handlebars語法 ,詳細使用方法請參考官網:http://handlebarsjs.com/。這里使用Handlebars來描述數據的最終的呈現形式,在“block”中表示,這部分的數據會根據數據的變化完成自動實時更新。
?
如果我們在一個view中有多個區域需要實時更新而且是根據不用的數據來做更新的話,我們可以在一個view中多次使用“block”標簽。 //聊天信息大廳 <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> //在線人數 <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>這樣可以實現在一個View中實現多區域的局部信息更新。
?
如果在“block”中有標簽事件的話,這個事件需要在Controller中onready()周期中的session.event()中完成事件綁定,如果不是在session.event()中完成的話,當時相應部分更新后,事件就會失效,請注意。轉載于:https://www.cnblogs.com/lightapp/p/clouda.html
總結
以上是生活随笔為你收集整理的Clouda开发随笔之block标签的全部內容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: P1038 神经网络
- 下一篇: 开机就提示“请安装TCP/IP协议,er