实现推文视图:定义视图内容
1. 模板定义
在 tweetView.html
文件中,我们需要定义推文视图的 HTML 模板。模板用于显示推文的各个部分,如个人资料图片、用户名、推文内容和实体(如链接、标签和提及)。模板定义的关键在于使用隐藏的 <div>
元素,以便稍后通过 JavaScript 动态插入内容。
推文模板
<div class="hidden" id="tweetView_tweetTemplate">
<div class="twitterItem" onclick="tweetView.selectTweet(%INDEX%);">
<img src="%PROFILE_IMAGE_URL%" width="64" height="64" border="0"/>
<div class="twitterRealName">%REAL_NAME%</div>
<div class="twitterScreenName">@%SCREEN_NAME%</div>
<div class="twitterTweet">%TWEET%</div>
<div class="twitterEntities">%ENTITIES%</div>
</div>
</div>