½áºÏMS AJAX½«jsÎļþ±àÒëµ½¶¯Ì¬Á´½Ó¿â_Ajax±à³Ì_ºÚ¿Í·ÀÏßÍø°²·þÎñÆ÷ά»¤»ùµØ--Powered by WWW.RONGSEN.COM.CN

½áºÏMS AJAX½«jsÎļþ±àÒëµ½¶¯Ì¬Á´½Ó¿â

×÷ÕߣººÚ¿Í·ÀÏßÍø°²Ajax½Ì³Ì»ùµØ À´Ô´£ººÚ¿Í·ÀÏßÍø°²Ajax½Ì³Ì»ùµØ ä¯ÀÀ´ÎÊý£º0

±¾Æª¹Ø¼ü´Ê£º±àÒ붯̬Á´½ÓÎļþ
ºÚ¿Í·ÀÏßÍø°²ÍøѶ£º¡¡¡¡ÎªÁËʹjavascript´úÂë²»±»ÇÔÈ¡£¬ÎÒÃÇ¿ÉÒÔ½«jsÎļþ±àÒë³É¶¯Ì¬Á´½Ó¿â(dll)Îļþ¡£ÏÂÃæΪÁËÑÝʾÕâÒ»¹¦ÄÜ£¬´´½¨ÁËÒ»¸ö¿Ø¼þ¡£¡¡¡¡ ³ÌÐò´úÂ룺http://www.cnblogs.com/Files/hblynn/SampleCont...

¡¡¡¡ÎªÁËʹjavascript´úÂë²»±»ÇÔÈ¡£¬ÎÒÃÇ¿ÉÒÔ½«jsÎļþ±àÒë³É¶¯Ì¬Á´½Ó¿â(dll)Îļþ¡£ÏÂÃæΪÁËÑÝʾÕâÒ»¹¦ÄÜ£¬´´½¨ÁËÒ»¸ö¿Ø¼þ¡£

¡¡¡¡ ³ÌÐò´úÂ룺http://www.cnblogs.com/Files/hblynn/SampleControlsCS.rar

¡¡¡¡Ò»¡¢´´½¨Ò»¸öÀà¿âÏîÄ¿£¬ÃüÃûΪUpdateAnimate¡£

¡¡¡¡¶þ¡¢ÏòÏîÄ¿ÖÐÌí¼ÓÒýÓÃSystem.Web, System.Drawing, System.Web.Extensions

¡¡¡¡Èý¡¢ÏòÏîÄ¿ÖÐÌí¼ÓÒ»¸öJscriptµÄÎļþUpdatePanelAnimation.js

¡¡¡¡ËÄ¡¢ÏòÎļþÖÐÌí¼ÓÈçÏ´úÂ룺

¡¡¡¡
¡¡¡¡BorderAnimation = function(color)
¡¡¡¡{
¡¡¡¡    this._color = color;
¡¡¡¡}

¡¡¡¡BorderAnimation.prototype =
¡¡¡¡{
¡¡¡¡    animate: function(panelElement)
¡¡¡¡    {
¡¡¡¡        var s = panelElement.style;
¡¡¡¡        s.borderWidth = '2px';
¡¡¡¡        s.borderColor = this._color;
¡¡¡¡        s.borderStyle = 'solid';

¡¡¡¡        window.setTimeout(
¡¡¡¡            function()
¡¡¡¡            {
¡¡¡¡            {
¡¡¡¡                s.borderWidth = 0;
¡¡¡¡            }
¡¡¡¡            },
¡¡¡¡            500);
¡¡¡¡    }
¡¡¡¡}

¡¡¡¡
¡¡¡¡Õâ¶Î´úÂëÖУ¬°üº¬Ò»¶ÎÁÙʱ¸Ä±äUpdatePanel¿Ø¼þÑùʽµÄ·½·¨

¡¡¡¡ 

¡¡¡¡Îå¡¢½â¾ö·½°¸×ÊÔ´¹ÜÀíÆ÷ÖУ¬ÓÒ¼ü²é¿´UpdatePanelAnimation.jsµÄÊôÐÔ£¬°Ñ¸ß¼¶Öеġ°Éú³É²Ù×÷¡±ÊôÐÔÉèÖóɡ°Ç¶ÈëµÄ×ÊÔ´¡±¡£

¡¡¡¡Áù¡¢ÏòÏîÄ¿ÖÐÌí¼ÓÒ»¸öÀàCustomControl

¡¡¡¡Æß¡¢Ìæ»»ÀàÖеĴúÂ룺

¡¡¡¡using System;
¡¡¡¡using System.Drawing;
¡¡¡¡using System.Web.UI;
¡¡¡¡using System.Web;
¡¡¡¡using System.Globalization;

¡¡¡¡namespace UpdateAnimate
¡¡¡¡{
¡¡¡¡    public class UpdatePanelAnimationWithClientResource : Control
¡¡¡¡    {
¡¡¡¡        private string _updatePanelID;
¡¡¡¡        private Color _borderColor;
¡¡¡¡        private Boolean _animate;
¡¡¡¡        public Color BorderColor
¡¡¡¡        {
¡¡¡¡            get
¡¡¡¡            {
¡¡¡¡                return _borderColor;
¡¡¡¡            }
¡¡¡¡            set
¡¡¡¡            {
¡¡¡¡                _borderColor = value;
¡¡¡¡            }
¡¡¡¡        }

¡¡¡¡        public string UpdatePanelID
¡¡¡¡        {
¡¡¡¡            get
¡¡¡¡            {
¡¡¡¡                return _updatePanelID;
¡¡¡¡            }
¡¡¡¡            set
¡¡¡¡            {
¡¡¡¡                _updatePanelID = value;
¡¡¡¡            }
¡¡¡¡        }

¡¡¡¡        public Boolean Animate
¡¡¡¡        {
¡¡¡¡            get
¡¡¡¡            {
¡¡¡¡                return _animate;
¡¡¡¡            }
¡¡¡¡            set
¡¡¡¡            {
¡¡¡¡                _animate = value;
¡¡¡¡            }
¡¡¡¡        }
¡¡¡¡        protected override void OnPreRender(EventArgs e)
¡¡¡¡        {
¡¡¡¡            base.OnPreRender(e);
¡¡¡¡            if (Animate)
¡¡¡¡            {

¡¡¡¡                UpdatePanel updatePanel = (UpdatePanel)FindControl(UpdatePanelID);

¡¡¡¡                string script = String.Format(
¡¡¡¡                   CultureInfo.InvariantCulture,
¡¡¡¡                   @"
¡¡¡¡Sys.Application.add_load(function(sender, args) {{
¡¡¡¡var {0}_borderAnimation = new BorderAnimation('{1}');   
¡¡¡¡var panelElement = document.getElementById('{0}');
¡¡¡¡     if (args.get_isPartialLoad()) {{
¡¡¡¡        {0}_borderAnimation.animate(panelElement);
¡¡¡¡    }}
¡¡¡¡}})
¡¡¡¡",
¡¡¡¡                   updatePanel.ClientID,
¡¡¡¡                   ColorTranslator.ToHtml(BorderColor));

¡¡¡¡
¡¡¡¡                ScriptManager.RegisterStartupScript(
¡¡¡¡                    this,
¡¡¡¡                    typeof(UpdatePanelAnimationWithClientResource),
¡¡¡¡                    ClientID,
¡¡¡¡                    script,
¡¡¡¡                    true);
¡¡¡¡            }
¡¡¡¡        }
¡¡¡¡    }
¡¡¡¡}

¡¡¡¡ 

¡¡¡¡ 

¡¡¡¡°Ë¡¢ÏòAssemblyInfo.csÎļþÖÐÌí¼ÓÈçÏÂÐУº

¡¡¡¡[assembly: System.Web.UI.WebResource("UpdateAnimate.UpdatePanelAnimation.js", "application/x-javascript")]

¡¡¡¡¾Å¡¢Éú³ÉÏîÄ¿¡£

¡¡¡¡ 

¡¡¡¡¿Ø¼þÑÝʾ£º

¡¡¡¡Ò»¡¢´´½¨Ò»¸öAJAX-enabledÀàÐ͵ÄÍøÕ¾ÏîÄ¿¡£

¡¡¡¡¶þ¡¢ÏòÍøÕ¾¸úĿ¼ÏÂÌí¼ÓbinĿ¼¡£

¡¡¡¡Èý¡¢´Ó¿Ø¼þÏîÄ¿µÄbinDebug»ò binReleaseĿ¼¿½±´UpdateAnimate.dllµ½ÍøÕ¾binĿ¼Àï¡£

¡¡¡¡ËÄ¡¢Ìæ»»Default.aspxµÄÄÚÈݲ¢ÔËÐгÌÐò£º

¡¡¡¡ 

¡¡¡¡  <%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default.aspx.cs" Inherits="_Default" %>

¡¡¡¡<%@ Register TagPrefix="Samples" Namespace="UpdateAnimate" Assembly="UpdateAnimate" %>

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

¡¡¡¡<script runat="server">

¡¡¡¡</script>

¡¡¡¡<html xmlns="http://www.w3.org/1999/xhtml">
¡¡¡¡<head id="Head1" runat="server">
¡¡¡¡    <title>ScriptReference</title>
¡¡¡¡</head>
¡¡¡¡<body>
¡¡¡¡    <form id="form1" runat="server">
¡¡¡¡        <div>
¡¡¡¡            <asp:ScriptManager ID="ScriptManager1"
¡¡¡¡                                 EnablePartialRendering="True"
¡¡¡¡                                 runat="server">
¡¡¡¡             <Scripts>
¡¡¡¡                <asp:ScriptReference Assembly="UpdateAnimate" Name="UpdateAnimate.UpdatePanelAnimation.js" />
¡¡¡¡             </Scripts>
¡¡¡¡            </asp:ScriptManager>

¡¡¡¡
¡¡¡¡            <Samples:UpdatePanelAnimationWithClientResource
¡¡¡¡                     ID="UpdatePanelAnimator1"
¡¡¡¡                     BorderColor="Green"
¡¡¡¡                     Animate="true"
¡¡¡¡                     UpdatePanelID="UpdatePanel1"
¡¡¡¡                     runat="server" >
¡¡¡¡            </Samples:UpdatePanelAnimationWithClientResource>
¡¡¡¡            <asp:UpdatePanel ID="UpdatePanel1"
¡¡¡¡                               UpdateMode="Conditional"
¡¡¡¡                               runat="server">
¡¡¡¡                <ContentTemplate>
¡¡¡¡                    <asp:Calendar ID="Calendar2"
¡¡¡¡                                  runat="server">
¡¡¡¡                    </asp:Calendar>
¡¡¡¡                </ContentTemplate>
¡¡¡¡            </asp:UpdatePanel>
¡¡¡¡        </div>
¡¡¡¡    </form>
¡¡¡¡</body>
¡¡¡¡</html>
¡¡¡¡http://www.cnblogs.com/hblynn/archive/2007/02/01/637312.html

    ºÚ¿Í·ÀÏßÍø°²·þÎñÆ÷ά»¤·½°¸±¾ÆªÁ¬½Ó£ºhttp://www.rongsen.com.cn/show-15516-1.html
Íøվά»¤½Ì³Ì¸üÐÂʱ¼ä:2012-04-05 00:02:25  ¡¾´òÓ¡´ËÒ³¡¿  ¡¾¹Ø±Õ¡¿
ÎÒÒªÉêÇë±¾Õ¾£ºNµã | ºÚ¿Í·ÀÏß¹ÙÍø |  
רҵ·þÎñÆ÷ά»¤¼°Íøվά»¤ÊÖ¹¤°²È«´î½¨»·¾³£¬ÍøÕ¾°²È«¼Ó¹Ì·þÎñ¡£ºÚ¿Í·ÀÏßÍø°²·þÎñÆ÷ά»¤»ùµØÕÐÉ̽øÐÐÖУ¡QQ:29769479

footer  footer  footer  footer