如何在ASP.NET服务器控件库中嵌入JavaScript脚本文件(转)

简介: 需求:建立一个类库TestControls,这个类库中包含若干ASP.NET服务器控件,其中有一些会调用客户端的JavaScript函数,把这些函数放入TestScript.js中。其实是很简单的需求,但是在我没有搞定之前,在网上确实找了很多文章,大家提了这样那样的问题,也提了这样那样的解决方法,但最后还是自己碰运气搞定的,唉。

需求:建立一个类库TestControls,这个类库中包含若干ASP.NET服务器控件,其中有一些会调用客户端的JavaScript函数,把这些函数放入TestScript.js中。

其实是很简单的需求,但是在我没有搞定之前,在网上确实找了很多文章,大家提了这样那样的问题,也提了这样那样的解决方法,但最后还是自己碰运气搞定的,唉。把经验分享出来,希望大家不要再走弯路。

下面演示一个例子,把上面的需求再简化一下,类库还是要建立的,里面只有一个服务器控件TestControl,这个控件没有界面,只负责把JavaScript脚本注册到网页中即可,为了快速看到效果,脚本文件里面不加函数,只放一句Alert,这样只要注册成功了,打开页面的时候就会看到亲爱的提示框,表明调试通过。

首先需要建立一个类库工程,名称为TestControls。
把默认带的Class1.cs直接删除。
新建一个类TestControl,从System.Web.UI.WebControls.WebControl继承。
新建一个JavaScript脚本TestScript,将该脚本的“生成操作”属性的值,从“内容”修改为“嵌入的资源”。
新建一个Web项目用于测试,Web项目需要在Web.config中做一些设置。

TestScript.js

a lert( " script is registered. " );


TestControl.cs

using  System;
using  System.Collections.Generic;
using  System.Text;
using  System.Web.UI.WebControls;
using  System.Web;
using  System.Security.Permissions;

namespace  TestControls
img_405b18b4b6584ae338e0f6ecaf736533.gifimg_1c53668bcee393edac0d7b3b3daff1ae.gif
{
    [AspNetHostingPermission(SecurityAction.Demand, Level 
= AspNetHostingPermissionLevel.Minimal)]
    
public class TestControl : WebControl
img_2887d91d0594ef8793c1db92b8a1d545.gifimg_7a2b9a960ee9a98bfd25d306d55009f8.gif    
{
        
protected override void OnInit(EventArgs e)
img_2887d91d0594ef8793c1db92b8a1d545.gifimg_7a2b9a960ee9a98bfd25d306d55009f8.gif        
{
            
base.OnInit(e);

            
this.Page.ClientScript.RegisterClientScriptResource(this.GetType(), "TestControls.TestScript.js");
        }

    }

}


AssemblyInfo.cs(增加以下代码)

using  System.Web.UI;

[assembly: WebResource(
" TestControls.TestScript.js " " application/x-javascript " )]


Web.config

< pages >
    
< controls >
        
< add  tagPrefix ="tc"  assembly ="TestControls"  namespace ="TestControls" />
    
</ controls >
</ pages >

Default.aspx

< tc:TestControl  runat ="server"  ID ="TestControl1"   />


基本上以上几个步骤都做到了,结果是很确定的。

总结一下,有几个要点:
1、JavaScript文件必须修改为“嵌入的资源”。
2、嵌入JavaScript文件的类库,要增加WebResource的说明,可以放在单独文件中,也可以放在AssemblyInfo.cs中。
3、调用JavaScript的类,必须增加安全说明,不加就无法调用。
4、脚本文件名称,严格的按照命名空间加上文件名的格式,差一点都不可以。
5、控件的调用
本文转自:http://www.cnblogs.com/cuimingda/archive/2007/05/16/748968.html

博客园大道至简

http://www.cnblogs.com/jams742003/

转载请注明:博客园

目录
相关文章
|
16天前
|
C# Windows
.NET开源免费的Windows快速文件搜索和应用程序启动器
今天大姚给大家分享一款.NET开源(MIT License)、免费、功能强大的Windows快速文件搜索和应用程序启动器:Flow Launcher。
|
1月前
|
JavaScript 前端开发 测试技术
使用Selenium执行JavaScript脚本:探索Web自动化的新领域
本文介绍了如何在Selenium中使用JavaScript解决自动化测试中的复杂问题。Selenium的`execute_script`函数用于同步执行JS,例如滑动页面、操作时间控件等。在滑动操作示例中,通过JS将页面滚动到底部,点击下一页并获取页面信息。对于只读时间控件,利用JS去除readonly属性并设置新日期。使用JS扩展了Selenium的功能,提高了测试效率和精准度,适用于各种自动化测试场景。
45 1
|
1月前
|
JavaScript 前端开发 Java
liteflow规则引擎 执行Javascript脚本
liteflow规则引擎 执行Javascript脚本
42 1
|
3月前
|
移动开发 JavaScript 数据可视化
分享88个JS播放器脚本,总有一款适合您
分享88个JS播放器脚本,总有一款适合您
44 0
|
3月前
|
移动开发 JavaScript 前端开发
分享95个JS表单脚本,总有一款适合您
分享95个JS表单脚本,总有一款适合您
28 0
|
3月前
|
移动开发 JavaScript 前端开发
分享106个JS表单脚本,总有一款适合您
分享106个JS表单脚本,总有一款适合您
19 0
|
3月前
|
移动开发 JavaScript 前端开发
分享98个JS表单脚本,总有一款适合您
分享98个JS表单脚本,总有一款适合您
21 0
|
3月前
|
JavaScript 前端开发 Unix
Node.js Shell 脚本开发指南(中)
Node.js Shell 脚本开发指南(中)
58 0
|
2月前
|
消息中间件 Web App开发 JavaScript
Node.js【简介、安装、运行 Node.js 脚本、事件循环、ES6 作业队列、Buffer(缓冲区)、Stream(流)】(一)-全面详解(学习总结---从入门到深化)
Node.js【简介、安装、运行 Node.js 脚本、事件循环、ES6 作业队列、Buffer(缓冲区)、Stream(流)】(一)-全面详解(学习总结---从入门到深化)
76 0
|
13天前
|
Web App开发 缓存 JavaScript