je-onclick=”remove”>
</span>
</td>
</tr>
</EditItemTemplate>
属性的设置是和 jQueryUI 插件的属性一致的, 可以参考 http://jqueryui.com.
事件
在 Repeater 所有的事件中都有具有 tag 和 e 两个参数, tag 是 repeater 所在的元素, e 则包含了事件的相关数据.
PreUpdate, Updated 更新前后的事件, PreRemove, Removed 删除前后的事件, PreInsert, Inserted 新建前后的事件. 这些事件的 e 参数中包含 row 属性, 表示当前参与相关操作的行, 而 Updated, Removed, Inserted 的 e 还包含 isSuccess, 表示是否执行成功, 示例:
<je:Repeater ID=”studentRepeater” runat=”server”
/* … */
PreUpdate=”
function(tag, e){
if(e.row.realname == ” || e.row.age == ” || e.row.birthday == ”){
$(‘#message’).text(‘请将信息填写完整’);
return false;
}
}
” PreInsert=”
function(tag, e){
if(e.row.realname == ” || e.row.age == ” || e.row.birthday == ”){
$(‘#message’).text(‘请将信息填写完整’);
return false;
}
}
” PreRemove=”
function(tag, e){
if(!confirm(‘是否删除 ‘ + e.row.realname)){
return false;
}
}
” Updated=”
function(tag, e){
$(‘#message’).text(‘更新 ‘ + e.row.realname + (e.isSuccess ? ‘ 成功’ : ‘ 失败’));
}
” Inserted=”
function(tag, e){
$(‘#message’).text(‘新建 ‘ + e.row.realname + (e.isSuccess ? ‘ 成功’ : ‘ 失败’));
}
” Removed=”
function(tag, e){
$(‘#message’).text(‘删除 ‘ + e.row.realname + (e.isSuccess ? ‘ 成功’ : ‘ 失败’));
}
“>
/* … */
</je:Repeater>
PreFill, Filled 填充前后的事件, PreExecute, Executed 执行任何操作前后的事件, PreCustom, Customed 执行自定义操作前后的事件, 参数 e 包含 command 属性表示自定义操作的名称, PreSubStep, SubStepped 执行分布操作前后的事件, 参数 e 包含 count 属性表示总的条数, completed 属性表示已经处理完成的行数.
Navigable 当导航可用性变化时, 参数 e 包含 prev 属性表示是否有上一页, next 属性表示是否有下一页. Blocked 当有操作被阻塞时的事件.
客户端方法
此项由于篇幅原因无法全部列出, 如有需要请参考: http://code.google.com/p/zsharedcode/wiki/JQueryElementRepeaterDoc.
示例代码下载: http://zsharedcode.googlecode.com/files/JQueryElementTest.rar.
实际过程演示: http://www.tudou.com/programs/view/GQeh0ZIJ0RY/, 建议全屏观看.
欢迎访问 panzer 开源项目, http://zsharedcode.googlecode.com/ , 其中包含了 IEBrowser 控制 WebBrowser 执行各种 js 和 jQuery 脚本以及录制功能 和 jQueryUI 的 Asp.net 控件 JQueryElement.
