开发学院 WEB开发 Ajax 结合MS AJAX将js文件编译到动态链接库阅读

结合MS AJAX将js文件编译到动态链接库

　2007-02-02 11:17:00　来源：WEB开发网　　　

核心提示：为了使javascript代码不被窃取，我们可以将js文件编译成动态链接库(dll)文件，结合MS AJAX将js文件编译到动态链接库，下面为了演示这一功能，创建了一个控件，控件演示：一、创建一个Ajax-enabled类型的网站项目，二、向网站跟目录下添加bin目录，程序代码：http://www.cnblogs.

为了使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\Debug或 bin\Release目录拷贝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>

<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