asp.net 30分钟掌握无刷新 Repeater

2020-05-23 06:19:20易采站长站整理


<table id=”list”></table>
<je:Repeater ID=”studentRepeater” runat=”server”
Selector=”‘#list'”>
/* … */
</je:Repeater>

设置 IsVariable 属性为 True, 则将在客户端生成与 ClientID 同名的 javascript 变量, 示例:

<je:Repeater ID=”studentRepeater” runat=”server”
IsVariable=”true”>
</je:Repeater>
<script type=”text/javascript”>
$(function () {
studentRepeater.__repeater(‘fill’);
});
</script>

由于在此页面中 ClientID 与 ID 相同, 因此通过 studentRepeater 就可以访问 repeater. 此外, 也可以通过 JQueryScript 控件并使用内嵌语法 [%id:studentRepeater%] 来确保 ClientID 与 ID 不相同的页面也能访问 repeater 变量.
设置分页
通过 Repeater 的 PageSize 属性设置每页包含多少条数据, PageIndex 属性设置初始的页码, PageIndex 默认为 1.
设置字段
Repeater 的 Field 属性表示参与绑定的字段, 其形式为一个 javascript 字符串数组, 比如: [‘id’, ‘realname’, ‘age’], 如果不设置 Field 属性, 则由第一次填充的数据来确定, 但这将导致在没有数据的情况下无法新建.
FilterField 表示用于搜索的字段, 也是一个 javascript 字符串数组. FilterFieldDefault 为搜索字段的值为 null 或者 ” 时的默认值, 示例: [”, ”, 0].
SortField 表示参与排序的字段, 比如: [‘id’].
设置调用的服务端方法
可以通过 Async 来设置如何调用服务器端方法, 如果是调用 WebService, 则需要设置 MethodName, 如果是普通的 ashx 这样的一般处理程序, 则忽略 MethodName, 示例:

<je:Repeater ID=”studentRepeater” runat=”server”
FillAsync-Url=”<填充方法地址>”
FillAsync-MethodName=”<填充方法名称>”
UpdateAsync-Url=”<更新方法地址>”
UpdateAsync-MethodName=”<更新方法名称>”
InsertAsync-Url=”<新建方法地址>”
InsertAsync-MethodName=”<新建方法名称>”
RemoveAsync-Url=”<删除方法地址>”
RemoveAsync-MethodName=”<删除方法名称>”
>
/* … */
</je:Repeater>
<je:Repeater ID=”studentRepeater” runat=”server”
FillAsync-Url=”Student.aspx”
FillAsync-MethodName=”Fill”
UpdateAsync-Url=”Student.aspx”
UpdateAsync-MethodName=”Update”
InsertAsync-Url=”Student.aspx”
InsertAsync-MethodName=”Insert”
RemoveAsync-Url=”Student.aspx”
RemoveAsync-MethodName=”Remove”
>
/* … */
</je:Repeater>