读书人

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

发布时间: 2012-09-14 11:53:44 作者: rapoo

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>

读书人网 >asp.net

热点推荐