Repeater怎样实现局部刷新？求大神指教

聖傑 2012-09-06 11:38:53
这是我的Repeater部分代码。


<asp:Repeater ID="Repeater1" runat="server">

   <HeaderTemplate>

     <table style="width: 100%; text-align: center; height: 102px; font-size: small;" align="center" 

            rules="all">

            <tr>

                <td align="center" rowspan="2" style="width: 48px">

                    姓名</td>

                <td colspan="2">

                    星期一</td>

                <td colspan="2">

                    星期二</td>

                <td colspan="2">

                    星期三</td>

                <td colspan="2">

                    星期四</td>

                <td colspan="2">

                    星期五</td>

            </tr>

            <tr>

                <td>

                    上午</td>

                <td>

                    下午</td>

                

                <td>

                    上午</td>

                <td>

                    下午</td>

                

                <td>

                    上午</td>

                <td>

                    下午</td>

                

                <td>

                    上午</td>

                <td>

                    下午</td>

                

                <td>

                    上午</td>

                <td>

                    下午</td>

                 

               

            </tr>

   </HeaderTemplate>

   <ItemTemplate>

     <tr>

       <td><asp:Label runat="server" ID="Label1" Text='<%# Eval("MemberName") %>'></asp:Label></td>

       <td><asp:Label runat="server" ID="Label2" Text='<%# Eval("MonM") %>'></asp:Label></td>

       <td><asp:Label runat="server" ID="Label3" Text='<%# Eval("MonA") %>'></asp:Label></td>

       <td><asp:Label runat="server" ID="Label5" Text='<%# Eval("TueM") %>'></asp:Label></td>

       <td><asp:Label runat="server" ID="Label6" Text='<%# Eval("TueA") %>'></asp:Label></td>

       <td><asp:Label runat="server" ID="Label8" Text='<%# Eval("WenM") %>'></asp:Label></td>

       <td><asp:Label runat="server" ID="Label9" Text='<%# Eval("WenA") %>'></asp:Label></td>

       <td><asp:Label runat="server" ID="Label11" Text='<%# Eval("ThurM") %>'></asp:Label></td>

       <td><asp:Label runat="server" ID="Label12" Text='<%# Eval("ThurA") %>'></asp:Label></td>

       <td><asp:Label runat="server" ID="Label14" Text='<%# Eval("FriM") %>'></asp:Label></td>

       <td><asp:Label runat="server" ID="Label15" Text='<%# Eval("FriA") %>'></asp:Label></td>

     </tr>

   </ItemTemplate>

   <AlternatingItemTemplate>

     <tr>

       <td><asp:Label runat="server" ID="Label1" Text='<%# Eval("MemberName") %>'></asp:Label></td>

       <td><asp:Label runat="server" ID="Label2" Text='<%# Eval("MonM") %>'></asp:Label></td>

       <td><asp:Label runat="server" ID="Label3" Text='<%# Eval("MonA") %>'></asp:Label></td>

       <td><asp:Label runat="server" ID="Label5" Text='<%# Eval("TueM") %>'></asp:Label></td>

       <td><asp:Label runat="server" ID="Label6" Text='<%# Eval("TueA") %>'></asp:Label></td>

       <td><asp:Label runat="server" ID="Label8" Text='<%# Eval("WenM") %>'></asp:Label></td>

       <td><asp:Label runat="server" ID="Label9" Text='<%# Eval("WenA") %>'></asp:Label></td>

       <td><asp:Label runat="server" ID="Label11" Text='<%# Eval("ThurM") %>'></asp:Label></td>

       <td><asp:Label runat="server" ID="Label12" Text='<%# Eval("ThurA") %>'></asp:Label></td>

       <td><asp:Label runat="server" ID="Label14" Text='<%# Eval("FriM") %>'></asp:Label></td>

       <td><asp:Label runat="server" ID="Label15" Text='<%# Eval("FriA") %>'></asp:Label></td>

     </tr>

   </AlternatingItemTemplate>

   <FooterTemplate>

   <tr><td colspan="22"><div align="left" style="font-family: 黑体; font-size: small">备注：符号“√”表示在实验室工作</div></td></tr>

     </table>

   </FooterTemplate>

 </asp:Repeater>


我想用ajax里面的UpdatePanel实现局部刷新但是却出现布局错误。
求大神指教。
这是我用UpdatePanel包裹后的代码


<asp:ScriptManager ID="ScriptManager1" runat="server">

    </asp:ScriptManager>

    <asp:UpdatePanel ID="UpdatePanel1" runat="server">

        <ContentTemplate>

            //中间为上面Repeater部分代码。省略

        </ContentTemplate>

   </asp:UpdatePanel>

没加UpdatePanel之前的效果为：


求大神指教，纠结了很久了。



...全文
334 8 打赏 收藏 转发到动态 举报
写回复
用AI写文章
8 条回复
切换为时间正序
请发表友善的回复…
发表回复
aluogang 2012-09-06
  • 打赏
  • 举报
 回复
<asp:ScriptManager ID="ScriptManager1" runat="server">
</asp:ScriptManager>

<table style="width: 100%; text-align: center; height: 102px; font-size: small;" align="center"
rules="all">
<tr>
<td align="center" rowspan="2" style="width: 48px">
姓名</td>
<td colspan="2">
星期一</td>
<td colspan="2">
星期二</td>
<td colspan="2">
星期三</td>
<td colspan="2">
星期四</td>
<td colspan="2">
星期五</td>
</tr>
<tr>
<td>
上午</td>
<td>
下午</td>

<td>
上午</td>
<td>
下午</td>

<td>
上午</td>
<td>
下午</td>

<td>
上午</td>
<td>
下午</td>

<td>
上午</td>
<td>
下午</td>
</tr>
<asp:UpdatePanel ID="UpdatePanel1" runat="server">
<ContentTemplate>

<asp:Repeater ID="Repeater1" runat="server">
<ItemTemplate>
<tr>
<td><asp:Label runat="server" ID="Label1" Text='<%# Eval("MemberName") %>'></asp:Label></td>
<td><asp:Label runat="server" ID="Label2" Text='<%# Eval("MonM") %>'></asp:Label></td>
<td><asp:Label runat="server" ID="Label3" Text='<%# Eval("MonA") %>'></asp:Label></td>
<td><asp:Label runat="server" ID="Label5" Text='<%# Eval("TueM") %>'></asp:Label></td>
<td><asp:Label runat="server" ID="Label6" Text='<%# Eval("TueA") %>'></asp:Label></td>
<td><asp:Label runat="server" ID="Label8" Text='<%# Eval("WenM") %>'></asp:Label></td>
<td><asp:Label runat="server" ID="Label9" Text='<%# Eval("WenA") %>'></asp:Label></td>
<td><asp:Label runat="server" ID="Label11" Text='<%# Eval("ThurM") %>'></asp:Label></td>
<td><asp:Label runat="server" ID="Label12" Text='<%# Eval("ThurA") %>'></asp:Label></td>
<td><asp:Label runat="server" ID="Label14" Text='<%# Eval("FriM") %>'></asp:Label></td>
<td><asp:Label runat="server" ID="Label15" Text='<%# Eval("FriA") %>'></asp:Label></td>
</tr>
</ItemTemplate>
</asp:Repeater>
</ContentTemplate>
</asp:UpdatePanel>
<tr><td colspan="22"><div align="left" style="font-family: 黑体; font-size: small">备注：符号“√”表示在实验室工作</div></td></tr>
</table>
work_fei 2012-09-06
  • 打赏
  • 举报
 回复
<asp:UpdatePanel ID="UpdatePanel2" UpdateMode ="conditional" runat="server">
加这个属性看看
聖傑 2012-09-06
  • 打赏
  • 举报
 回复
[Quote=引用 5 楼 的回复:]

把运行后的页面保存成静态网页看下就知道哪里有问题了
[/Quote]

能不能稍微消息点？
若-相惜 2012-09-06
  • 打赏
  • 举报
 回复
把运行后的页面保存成静态网页看下就知道哪里有问题了
聖傑 2012-09-06
  • 打赏
  • 举报
 回复
[Quote=引用 2 楼 的回复:]

html 语法错啦。
第一行 tr 有11列，第二行tr 有10列。最后一行tr22列
[/Quote]


中间有rowspan， colspan 啊。
这个错误不在这里。
聖傑 2012-09-06
  • 打赏
  • 举报
 回复
[Quote=引用 1 楼 的回复:]

//中间为上面Repeater部分代码。省略
什么部分代码
贴出来看下
查看下源代码是不是标签不完整
[/Quote]

//中间为上面Repeater部分代码 就是我贴出来的最上面的代码
winner2050 2012-09-06
  • 打赏
  • 举报
 回复
html 语法错啦。
第一行 tr 有11列，第二行tr 有10列。最后一行tr22列
若-相惜 2012-09-06
  • 打赏
  • 举报
 回复
//中间为上面Repeater部分代码。省略
什么部分代码
贴出来看下
查看下源代码是不是标签不完整
Repeater无刷新分页示例
通过实现ICallbackEventHandler接口和借助GetCallbackEventReference生成脚本，完成repeater分页无刷新的效果
repeater无刷新批量删除Demo源码
repeater无刷新批量删除Demo源码 本人做的一个小示例 有说明。利用jquery局部刷新.
ASP.NET就业实例视频教程（5）WebForm控件——更便捷地创建页面
在使用ASP.NET的WebForm控件开发网站时，开发人员不用编写HTML、CSS代码也能开发web应用程序，直接对控件进行设置就可完成页面的创建。本课程学习的WebForm控件就是为了、高效的开发web应用程序。...
JQuery实现Repeater无刷新批量删除(附后台asp.net源码)
JQuery实现Repeater无刷新批量删除(附后台asp.net源码) ，学习jquery的朋友可以参考下。
.net实现Repeater嵌套Demo
Repeater嵌套,包含有刷新绑定和无刷新绑定
.NET社区

62,046

社区成员

669,049

社区内容

发帖
与我相关
我的任务
社区描述
.NET技术交流专区
javascript云原生 企业社区
社区管理员
  • ASP.NET
  • .Net开发者社区
  • R小R
加入社区
  • 近7日
  • 近30日
  • 至今

加载中

查看更多榜单
社区公告

.NET 社区是一个围绕开源 .NET 的开放、热情、创新、包容的技术社区。社区致力于为广大 .NET 爱好者提供一个良好的知识共享、协同互助的 .NET 技术交流环境。我们尊重不同意见，支持健康理性的辩论和互动，反对歧视和攻击。

希望和大家一起共同营造一个活跃、友好的社区氛围。

试试用AI创作助手写篇文章吧

+ 用AI写文章