Asp.Net Ajax 局部刷新

SmailSwallow 2011-03-28 05:28:06



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


<%@ 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>

...全文
462 20 打赏 收藏 转发到动态 举报
写回复
用AI写文章
20 条回复
切换为时间正序
请发表友善的回复…
发表回复
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
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来实现也可以就是麻烦点
  • 打赏
  • 举报
回复
为啥不用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下载
参考
ajax技术,无刷新技术 导读:ScriptManager控件包括在ASP.NET 2.0 AJAX Extensions中,它用来处理页面上的所有组件以及页面局部更新,生成相关的客户端代理脚本以便能够在JavaScript中访问Web Service,所有需要支持ASP.NET AJAXASP.NET页面上有且只能有一个ScriptManager控件。在ScriptManager控件中我们可以指定需要的脚本库,或者指定通过JS来调用的Web Service,以及调用AuthenticationService和ProfileService,还有页面错误处理等。 ASP.NET AJAX入门系列(3):使用ScriptManagerProxy控件 导读:在ASP.NET AJAX中,由于一个ASPX页面上只能有一个ScriptManager控件,所以在有母版页的情况下,如果需要在Master-Page和Content-Page中需要引入不同的脚本时,这就需要在Content-page中使用ScriptManagerProxy,而不是ScriptManager,ScriptManager 和 ScriptManagerProxy 是两个非常相似的控件。 ASP.NET AJAX入门系列(4):使用UpdatePanel控件(一) 导读:UpdatePanel可以用来创建丰富的局部更新Web应用程序,它是ASP.NET 2.0 AJAX Extensions中很重要的一个控件,其强大之处在于不用编写任何客户端脚本,只要在一个页面上添加几个UpdatePanel控件和一个ScriptManager控件就可以自动实现局部更新。通过本文来学习一下UpdatePanel简单的使用方法(第一篇)。 ASP.NET AJAX入门系列(5):使用UpdatePanel控件(二) 导读:UpdatePanel可以用来创建丰富的局部更新Web应用程序,它是ASP.NET 2.0 AJAX Extensions中很重要的一个控件,其强大之处在于不用编写任何客户端脚本,只要在一个页面上添加几个UpdatePanel控件和一个ScriptManager控件就可以自动实现局部更新。通过本文来学习一下UpdatePanel其他的一些使用方法(第二篇)。 ASP.NET AJAX入门系列(6):UpdateProgress控件简单介绍 导读:在ASP.NET AJAX Beta2中,UpdateProgress控件已经从“增值”CTP中移到了ASP.NET AJAX核心中,本文简单介绍一些它的基本用法,翻译自官方文档。 ASP.NET AJAX入门系列(7):使用客户端脚本对UpdateProgress编程 导读:在本篇文章中,我们将通过编写JavaScript来使用客户端行为扩展UpdateProgress控件,客户端代码将使用ASP.NET AJAX Library中的PageRequestManager,在UpdateProgress控件中,将添加一个Button,来允许用户取消异步更新,并且使用客户端脚本来显示或者隐藏进度信息,翻译自官方文档。 ASP.NET AJAX入门系列(8):自定义异常处理 导读:在UpdatePanel控件异步更新时,如果有错误发生,默认情况下会弹出一个Alert对话框显示出错误信息,这对用户来说是不友好的,本文看一下如何在服务端和客户端脚本中自定义异常处理,翻译自官方文档。 ASP.NET AJAX入门系列(9):在母版页中使用UpdatePanel 导读:本文简单介绍一下在母版页中使用UpdatePanel控件,翻译自官方文档。 ASP.NET AJAX入门系列(10):Timer控件简单使用 导读:本文主要通过一个简单示例,让Web页面在一定的时间间隔内局部刷新,来学习一下ASP.NET AJAX中的服务端Timer控件的简单使用。 ASP.NET AJAX入门系列(11):在多个UpdatePanle中使用Timer控件 导读:本文将使用Timer控件更新两个UpdatePanel控件,Timer控件将放在UpdatePanel控件的外面,并将它配置为UpdatePanel的触发器,翻译自官方文档 作者:TerryLee 出处:http://terrylee.cnblogs.com

62,041

社区成员

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

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

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

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