- 时间:2020-09-17 12:53 编辑: 来源: 阅读:
- 扫一扫,手机访问
摘要:asp.net 30分钟掌握无刷新 Repeater
示例代码下载: [url=http://xiazai.jb51.net/201109/yuanma/JQueryElementTest.rar]/201109/yuanma/JQueryElementTest.rar
[/url]本文中所包含的内容如下:
* 准备
* 主要功能
* 绑定字段
* 绑定属性
* 基本设置
* 设置分页
* 设置字段
* 设置调用的服务端方法
* 请求/返回数据的格式
* 填充/搜索
* 更新
* 删除
* 新建
* 行状态说明
* 排序状态说明
* 设置模板
* ItemTemplate
* UpdatedItemTemplate/InsertedItemTemplate
* RemovedItemTemplate
* EditItemTemplate
* FilterTemplate/NewItemTemplate
* HeaderTemplate/FooterTemplate/EmptyTemplate
* 特殊绑定
* je-id
* je-<javascript 事件名>
* je-class
* je-checked/selected/readonly
* je-value
* je-<jQueryUI 插件名>
* 事件
* 客户端方法
Repeater 示例图片:
[img]http://files.jb51.net/upload/201109/20110916224513937.jpg[/img]
准备
请确保已经在 http://code.google.com/p/zsharedcode/wiki/Download 中下载 JQueryElement 最新的版本.
请使用指令引用如下的命名空间:
[url=[样式路径]/jquery-ui-1.8.15.custom.css]<script type="text/javascript" src="[脚本路径]/jquery-1.6.2.min.js"></script>
<script type="text/javascript" src="[脚本路径]/jquery-ui-1.8.15.custom.min.js"></script>
<script type="text/javascript" src="[脚本路径]/jquery.ui.datepicker-zh-CN.js"></script>
主要功能
绑定字段
在行模板中, 可以使用 #{<字段名>} 的形式来绑定字段, 比如:
<ItemTemplate>
<span>#{id}</span>
<span>#{realname}</span>
<span>#{age}</span>
</ItemTemplate>
字段也可以被绑定在标签的属性中, 比如:
[url=http://code.google.com/p/zsharedcode/wiki/JQueryElementRepeaterDoc]http://code.google.com/p/zsharedcode/wiki/JQueryElementRepeaterDoc[/url].
[b]示例代码下载:[/b] [url=http://zsharedcode.googlecode.com/files/JQueryElementTest.rar]http://zsharedcode.googlecode.com/files/JQueryElementTest.rar[/url].
[b]实际过程演示:[/b] [url=http://www.tudou.com/programs/view/GQeh0ZIJ0RY/]http://www.tudou.com/programs/view/GQeh0ZIJ0RY/[/url], 建议全屏观看.
欢迎访问 panzer 开源项目, http://zsharedcode.googlecode.com/ , 其中包含了 IEBrowser 控制 WebBrowser 执行各种 js 和 jQuery 脚本以及录制功能 和 jQueryUI 的 Asp.net 控件 JQueryElement.