Asp.Net Ajax 局部刷新

2011-03-28 05:28:06 513 阅读 AI 写同款 · GEO 优化AI 选题数据监测一键分发 ›

ASP.NET MVC 4实现局部刷新利用Ajax+PartialView实现页面局部刷新阅读详情

局部刷新不起作用，请高手帮看看，谢谢~！下面是页面代码：在线等。。。





<%@ Page Language="C#" MasterPageFile="~/Pages/Master.master" AutoEventWireup="true" CodeFile="Index.aspx.cs" Inherits="Index" Title="无标题页" ValidateRequest="false" %>



<%@ Register Assembly="FreeTextBox" Namespace="FreeTextBoxControls" TagPrefix="FTB" %>



<asp:Content ID="Content1" ContentPlaceHolderID="ContentPlaceHolder1" Runat="Server">

    <table style="width:100%;" align="center" border="1">

        <tr>

            <td rowspan="2" style="width:180px; height:400px; font-size:14px; background-image:url(../Images/Image/ry_bg.jpg);">

                

                <table style="width: 100%; height: 353px;">

                    <tr>

                        <td>

                             </td>

                        <td align="center">

                            <asp:Label ID="LblHotelName" runat="server" Text="Label"></asp:Label>

                        </td>

                        <td>

                             </td>

                    </tr>

                    <tr>

                        <td style="height: 313px">

                            </td>

                        <td align="center" style="height: 313px">                            

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

                                <ItemTemplate>

                                <table>

                                   <tr  align="center">

                                      <td style="width:70px"><asp:Label ID="LblName" runat="server"><%#DataBinder.Eval(Container.DataItem,"UserPetName")%></asp:Label></td>

                                   </tr>

                                </table>  

                                    <br />

                                </ItemTemplate>

                            </asp:Repeater>

                            

                        </td>

                        <td style="height: 313px">

                            </td>

                    </tr>

                    <tr>

                        <td>

                             </td>

                        <td>

                             </td>

                        <td>

                             </td>

                    </tr>

                </table>

               

            </td>

            <td style="height: 300px; font-size:14px; background-image:url(../Images/Image/nr_bg.jpg);">

            <table style="width: 581px; height: 151px">

             <tr>

                <td>

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

                        </asp:ScriptManager>

                        <asp:Timer ID="Timer1" runat="server" Interval="5000" ontick="Timer1_Tick">

                        </asp:Timer>

                </td>

             </tr>

             

               <tr> <td>

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

                  

                            <ContentTemplate>

                              

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

                                    <ItemTemplate> 

                                    

                                    <table style="text-align:center">

                                        <tr>

                                            <td  align="center">

                                                <asp:Label ID="Label5" runat="server"  Visible="true"><%#DataBinder.Eval(Container.DataItem,"LoginName")%></asp:Label>

                                                对<asp:Label ID="Label6" runat="server" Visible="true"><%#DataBinder.Eval(Container.DataItem,"Str1")%></asp:Label>

                                                说： 

                                            </td>

                                            <td align="left">

                                                <asp:Label ID="Label4" runat="server" Visible="true"><%#DataBinder.Eval(Container.DataItem,"MessageContent")%></asp:Label>

                                            </td>

                                        </tr>

                                        </table>

                                       

                                    </ItemTemplate>

                                </asp:Repeater>

                                

                            </ContentTemplate>

                 

                           <Triggers>

                                 <asp:AsyncPostBackTrigger ControlID="Timer1" EventName="Tick" />

                           </Triggers>

                  

                        </asp:UpdatePanel>        

               

                  </td>  

                 </tr>

                        

                <tr>

                    <td style="width: 258px">

                       

                        

                    </td>

                </tr>

                </table>

            </td>

        </tr>

        <tr>

            <td style="font-size:14px; height:35%;">



                <table style="width: 100%; height: 100px; background-image:url(../Images/Image/sr_bg.jpg);">

                    <tr style="background-color:#c6d8e4;">

                        <td >



                <asp:Label ID="Label2" runat="server" Text="聊天对象："></asp:Label>

                        

                             <asp:DropDownList ID="DropDownList1" runat="server" 

                                DataTextField="UserPetName" DataValueField="UserCode">

                                <asp:ListItem Selected="True" Value="0">大家</asp:ListItem>

                            </asp:DropDownList>

                                 

                            <asp:LinkButton ID="LnkBtnInit" runat="server" onclick="LnkBtnInit_Click">清空聊天对象</asp:LinkButton>

                             

                            </td>                      

                    </tr>

                    <tr>

                        <td>                        

                            <FTB:FreeTextBox ID="TxtAddMessageInfo" runat="server" Height="100px" 

                                Width="100%">

                            </FTB:FreeTextBox>

                            

                        </td>

                    </tr>

                    <tr>

                        <td align="center" 

                            style="height: 19px; background-image:url(../Images/Image/qd_bg.jpg);">

                            <asp:ImageButton ID="ImgBtnOk" runat="server" onclick="ImgBtnOk_Click" />

                        </td>

                    </tr>

                </table>

            

            </td>

        </tr>

    </table>   

</asp:Content>

...全文

python毕设基于Web的中药材信息查询系统程序+论文 ***（程序+源码+数据库+调试部署+开发环境）论文文档1，文末可获取，系统界面在最后面。**** 阅读详情

SmailSwallow

.NET社区 62,272 成员 668,968 内容

+ 关注 + 加入社区

切换为时间正序

Specialaspnet 2011-03-30

打赏
举报

又是用ajax的服务器端控件，不想看这样的代码，麻烦..学学客户端ajax

ryfsoft 2011-03-30

打赏
举报

图没发显示，不要复制进来，人家防盗链了

cjh200102 2011-03-30

打赏
举报

看不到

nevergu 2011-03-30

打赏
举报

[Quote=引用 5 楼 smailswallow 的回复:]

[/Quote]

图片传到CSDN上。。。。。

kingdom_0 2011-03-30

打赏
举报

http://download.csdn.net/source/1314987

智者知已应修善业 2011-03-30

打赏
举报

http://blog.csdn.net/xianfajushi/archive/2010/10/08/5928136.aspx

ZHUKY 2011-03-30

打赏
举报

那个
<asp:Timer ID="Timer1" runat="server" Interval="5000" ontick="Timer1_Tick">
</asp:Timer>

应该是放在面板里面的吧

kangliuk 2011-03-30

打赏
举报

推荐你用jquery来实现 ajax 用微软的控件到时你网站发布的时候可能会出现环境问题
$.ajax({
type: "POST",
url: "some.php",
data: "name=John&location=Boston",
success: function(msg){
alert( "Data Saved: " + msg );
}
});
或者用js来实现也可以就是麻烦点

一天到晚游泳的鱼2016 2011-03-30

打赏
举报

为啥不用jQuery

纯唇Yu弄 2011-03-30

打赏
举报

[Quote=引用 2 楼 wxr0323 的回复:]

引用 1 楼 smailswallow 的回复:

额，没人能帮忙么？帮忙看看....

你的图挂了

前台这样
HTML code
<asp:ScriptManager ID="ScriptManager1" runat="server" >
</asp:ScriptManager>
<asp:UpdatePanel ID="UpdatePanel1" runat="se……
[/Quote]

+1

longlongtingyu 2011-03-30

打赏
举报

补充一点，需要放在UpdatePanel控件的<ContentTemplate>控件集合中。

longlongtingyu 2011-03-30

打赏
举报

另外，不知道你要局部更新什么东东，请确认，你要更新的控件是否放在UpdatePanel控件之内。

longlongtingyu 2011-03-30

打赏
举报

ScriptManager控件的EnablePartialRendering属性必须设置为true，这个属性允许局部更新页面。如果该属性设置为false，则整个页面将不进行局部更新而失去Ajax的效果。

SmailSwallow 2011-03-29

打赏
举报

SmailSwallow 2011-03-29

打赏
举报

贴图：

SmailSwallow 2011-03-29

打赏
举报

我试试~！

黄雪林 2011-03-29

打赏
举报

你的vs是什么版本的？如果是05的话要在web。config那进行配置。如果是08的就不用了。

子夜__ 2011-03-28

打赏
举报

[Quote=引用 1 楼 smailswallow 的回复:]

额，没人能帮忙么？帮忙看看....
[/Quote]
你的图挂了

前台这样

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

</asp:ScriptManager> 

<asp:UpdatePanel ID="UpdatePanel1" runat="server" ChildrenAsTriggers="true" UpdateMode="Always" RenderMode="Block"> 

<ContentTemplate> 

</ContentTemplate> 

<Triggers> 

<asp:AsyncPostBackTrigger /> 

<asp:PostBackTrigger /> 

</Triggers> 

</asp:UpdatePanel>

DEMO下载
参考

Asp.Net Ajax 局部刷新

相关推荐