- 时间:2022-05-20 17:30 编辑: 来源: 阅读:
- 扫一扫,手机访问
摘要:jquery repeater 模仿 Google 展开页面预览子视图
如果, 有不明白的问题, 请先阅读 [url=http://www.1sucai.cn/article/28652.htm]30 分钟掌握无刷新 Repeater[/url].
示例代码下载: [url=http://zsharedcode.googlecode.com/files/JQueryElementDemo.rar]http://zsharedcode.googlecode.com/files/JQueryElementDemo.rar[/url]
本文将详细的讲解 Repeater 控件中如何使用子视图, 目录如下:
* 准备
* 定义子视图样本
* 切换子视图状态
* 定义子视图容器
示例图片:
[img]http://files.jb51.net/upload/201110/20111025111247257.jpg[/img]
准备
请参照 http://code.google.com/p/zsharedcode/wiki/JQueryElementRepeaterDoc 中的准备.
定义子视图样本
显示在 repeater 中的 repeater 被称为子视图, 每一个子视图都是子视图样本的副本, 并根据条件来展示不同的数据. 子视图样本的定义没有特别之处, 比如:
[url=http://code.google.com/p/zsharedcode/wiki/Download]http://code.google.com/p/zsharedcode/wiki/Download[/url] 页面下载 dll 或者是源代码.
[b]实际过程演示:[/b] [url=http://www.tudou.com/programs/view/uVx2BBMHgOQ/]http://www.tudou.com/programs/view/uVx2BBMHgOQ/[/url], 建议全屏观看.
欢迎访问 panzer 开源项目, http://zsharedcode.googlecode.com/ , 其中包含了 IEBrowser 控制 WebBrowser 执行各种 js 和 jQuery 脚本以及录制功能 和 jQueryUI 的 Asp.net 控件 JQueryElement.