掷鸡蛋者
发表于: 2011/1/7 9:14 引用 回复 只看该作者 1# TOP
管理员
性别: 男
积分:52175
阅读权限:43387
帖子: 8319
加入时间: 2010/4/29
最后登录: 2019/11/9
本文来源:http://www.wojilu.com/Common/Page/73 (如有更新,请关注本文)

在微博中有一个效果,就是点击“评论”,自动展开评论列表(如果网速较慢,会出现loading图标),如下图所示:






点击“隐藏评论”,评论列表又再次收起。

这是一个提升用户体验的常见功能,在wojilu 框架1.6中已经集成。它的实现有如下2个步骤:

1)制作一个页面,用于展示评论列表(这里只是以评论为例,不一定是评论)。
这没有什么特殊的,按照平常的方式建立一个action和对应的视图即可。
注意:整个视图必须用一个div包起来。

2)将这个评论列表挂接到评论命令中。

在需要显示评论列表的地方,也就是“评论”这个命令中加上如下标志:
<span class="frmUpdatehref="CommentList/36.aspx" loadTo="commentList129" txtHidden="隐藏评论">评论(1)</span>

语法说明:

 frmUpdate必须定义一个名叫 frmUpdate 的class
 href数据列表所在的网址
 loadTo数据列表展开后,需要加载的那个页面容器的ID, 比如上面的 commentList129 就是指已经在页面中定义好的 
<div id="commentList129" style="display:none"></div> 
注意:这个commentList129元素初始状态必须是隐藏的,否则必须连续两次点击才能出现
 txtHidden   当点击了更新器之后,文本切换成的样子,可以不定义。如果不定义,则直接使用更新器的text,比如上面的 “评论(1)”  


【特别说明】
被展开的页面本身,必须用一个div元素包起来。否则更新器在获取iframe之后,无法正确指定iframe的高度

本文来源:http://www.wojilu.com/Common/Page/73 (如有更新,请关注本文)

关键词 frmUpdate 修改tag
相关文章
而死,不默而生
就是那个人
发表于: 2011/1/7 9:27 引用 回复 只看该作者 2# TOP
江湖新秀
性别: 男
积分:140
阅读权限:55
帖子: 7
加入时间: 2010/12/29
最后登录: 2012/1/12
顶起!!!!
itares
发表于: 2011/1/7 9:47 引用 回复 只看该作者 3# TOP
江湖豪侠
性别: 男
积分:4689
阅读权限:2577
帖子: 355
加入时间: 2010/8/31
最后登录: 2015/2/21
哈哈,我出名了

快速回复主题