Repeater怎样实现局部刷新?求大神指教
这是我的Repeater部分代码。
- C# code
<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包裹后的代码
- C# code
<asp:ScriptManager ID="ScriptManager1" runat="server"> </asp:ScriptManager> <asp:UpdatePanel ID="UpdatePanel1" runat="server"> <ContentTemplate> //中间为上面Repeater部分代码。省略 </ContentTemplate> </asp:UpdatePanel>
没加UpdatePanel之前的效果为:
加入UpdatePanel之后的效果为:
求大神指教,纠结了很久了。
[解决办法]
<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>