Ajax的简单应用之2

1. 加入引用

2. web.config 文件的配置

<?xml version="1.0"?><configuration>

</sectionGroup>

</configSections>

<system.web>

<pages>

</controls>

</pages>

<!--

Set compilation debug="true" to insert debugging

symbols into the compiled page. Because this

affects performance, set this value to true only

during development.

-->

</compilation>

</httpHandlers>

</httpModules>

</system.web>

<system.web.extensions>

<!--

</converters>

</jsonSerialization>

-->

<!--

-->

<!-- Uncomment these lines to enable the profile service. To allow profile properties to be retrieved

and modified in ASP.NET AJAX applications, you need to add each property name to the readAccessProperties and

writeAccessProperties attributes. -->

<!--

<profileService enabled="true"

readAccessProperties="propertyname1,propertyname2"

writeAccessProperties="propertyname1,propertyname2" />

-->

</webServices>

<!--

-->

</scripting>

</system.web.extensions>

<system.webServer>

</modules>

</handlers>

</system.webServer>

</configuration>

3. web页面文件

<%@ Page Language="C#" AutoEventWireup="true" Codebehind="WebForm1.aspx.cs" Inherits="WebApplication7.WebForm1" %>

<%@ Register Assembly="AjaxControlToolkit" Namespace="AjaxControlToolkit" TagPrefix="ajaxToolkit" %>

<%@ Register Assembly="System.Web.Extensions, Version=1.0.61025.0, Culture=neutral, PublicKeyToken=31bf3856ad364e35"

Namespace="System.Web.UI" TagPrefix="asp" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

function testAjax()

{

var first=document.getElementById("txtfirst");

WebForm1.GetNIVNumber(first.value,callback_GetNIVNumber);

}

function callback_GetNIVNumber(res)

{

var obj=document.getElementById("txtsecond");

obj.value=res.value;

}

</script>

</head>

<body>

<div>

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

</asp:ScriptManager>

</div>

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

<ajaxToolkit:CollapsiblePanelExtender ID="CollapsiblePanelExtender1" runat="server"

TargetControlID="Panel2"

CollapsedSize="0"

Collapsed="false"

ExpandControlID="LinkButton1"

CollapseControlID="LinkButton1"

AutoCollapse="false"

AutoExpand="true"

ScrollContents="false"

TextLabelID="LinkButton1"

CollapsedText="显示Panel"

ExpandedText="隐藏Panel"

ExpandDirection="Vertical">

</ajaxToolkit:CollapsiblePanelExtender>

<asp:Panel ID="Panel1" runat="server" BackColor="#FFC080" Height="17px" Width="288px">

<asp:LinkButton ID="LinkButton1" runat="server" Height="18px" Width="288px">LinkButton</asp:LinkButton></asp:Panel>

<asp:Panel ID="Panel2" runat="server" BackColor="#FFE0C0" Height="88px" Width="288px">

<br />

显示Panel：展开Panel<br />

<br />

隐藏Panel：隐藏Panel<br />

</asp:Panel>

</ContentTemplate>

</asp:UpdatePanel>

<br />

<br />

<asp:TextBox ID="txtfirst" runat="server"></asp:TextBox><br />

<asp:TextBox ID="txtsecond" runat="server"></asp:TextBox>

<br />

<ajaxToolkit:DragPanelExtender ID="DragPanelExtender1" runat="server"

TargetControlID="Panel3"

DragHandleID="Panel4"

</ajaxToolkit:DragPanelExtender>

<asp:Panel ID="Panel3" runat="server" BackColor="yellow" Height="50px" Width="125px">

<asp:Panel ID="Panel4" runat="server" BackColor="Blue" Height="2px" Width="125px">

title</asp:Panel>

content 我是可以拖动的。</asp:Panel>

<br />

<ajaxToolkit:TabContainer ID="TabContainer1" runat="server" ActiveTabIndex="2" Height="256px">

<ajaxToolkit:TabPanel ID="TabPanel1" runat="server" HeaderText="编程天地">

fghgfhfgh

</ContentTemplate>

编程天地

</HeaderTemplate>

</ajaxToolkit:TabPanel>

<ajaxToolkit:TabPanel ID="TabPanel2" runat="server" HeaderText="英文天地">

<tr>

</tr>

<tr>

<td>aaaaaaa</td>

<td>bbbbbbb</td>

</tr>

</table>

</ContentTemplate>

</ajaxToolkit:TabPanel>

<ajaxToolkit:TabPanel ID="TabPanel3" runat="server" HeaderText="电影之家">

<asp:Image ID="Image1" runat="server" ImageUrl="~/PIC/rose.JPG" />

</ContentTemplate>

</ajaxToolkit:TabPanel>

</ajaxToolkit:TabContainer> 

</form>

</body>

</html>

4. cs文件

using System;

using System.Data;

using System.Configuration;

using System.Collections;

using System.Web;

using System.Web.Security;

using System.Web.UI;

using System.Web.UI.WebControls;

using System.Web.UI.WebControls.WebParts;

using System.Web.UI.HtmlControls;

namespace WebApplication7

{

public partial class WebForm1 : System.Web.UI.Page

{

protected void Page_Load(object sender, EventArgs e)

{

//注册,其中Document.Pages.AjaxTest.AjaxMethod为AjaxMethod.cs方法所在的命名空间

Ajax.Utility.RegisterTypeForAjax(typeof(WebApplication7.WebForm1));

}

[Ajax.AjaxMethod(Ajax.HttpSessionStateRequirement.Read)]

public static string GetNIVNumber(string str)

{

string returnVal = str + "返回值";

return returnVal;

}

5. 运行的结果

posted @ 2007-12-05 13:38 wj-conquer 阅读(422) 评论(0) 编辑收藏举报

刷新页面返回顶部

txw100

淘包岛  同行网,同行你我他

不要去想前面的路有多么的遥远，艰难，或者有没有路，坚持一直走下去吧。

Ajax的简单应用之2

公告

txw100

淘包岛 同行网,同行你我他

不要去想前面的路有多么的遥远，艰难，或者有没有路，坚持一直走下去吧。

Ajax的简单应用之2

公告

淘包岛同行网,同行你我他