基于ASP.NET MVC的JQueryUI控件开发(4) - DLL封装

来源：互联网发布：Ext js 编辑：程序博客网时间：2024/05/21 12:51

整体功能基本完成了,将所功能进行封装成为一个DLL.

使用方法如下:

在母版页中添加一个导入JQuery的方法:

<head runat="server">
    <title><asp:ContentPlaceHolder ID="TitleContent" runat="server" /></title>
    <link href="../../Content/Site.css" rel="stylesheet" type="text/css" />
    <% Page.ImportJQuery(JQSkin.blitzer); %>
    <style type="text/css">
        A,A:hover,A:link,A:visited{color:blue}
    </style>
</head>

JQSkin中保存皮肤,代码:

Code:

public enum JQSkin
{
blitzer,
humanity,
redmond,
smoothness,
sunny,
ui_darkness,
ui_lightness,
start,
overcast,
le_frog,
flick,
pepper_grinder
}

ImportJQuery方法代码:

Code:

public static void ImportJQuery(this Page page)
{
ImportJQuery(page, JQSkin.blitzer);
}
public static void ImportJQuery(this Page page,JQSkin skin)
{
page.Response.Write("<script src='" + page.ClientScript.GetWebResourceUrl(typeof(JQueryUIExt), "Hahaman.Mvc.UI.jquery-1.4.2.min.js") + "'></script>/n");
page.Response.Write("<script src='" + page.ClientScript.GetWebResourceUrl(typeof(JQueryUIExt), "Hahaman.Mvc.UI.jquery-ui-1.8.2.custom.min.js") + "'></script>/n");
page.Response.Write("<script src='" + page.ClientScript.GetWebResourceUrl(typeof(JQueryUIExt), "Hahaman.Mvc.UI.jquery.ui.datepicker-zh-CN.js") + "'></script>/n");
page.Response.Write("<link href=/"" + page.ClientScript.GetWebResourceUrl(typeof(JQueryUIExt), "Hahaman.Mvc.UI."+skin.ToString()+".jquery-ui-1.8.2.custom.css") + "/" rel=/"stylesheet/" type=/"text/css/" />/n");
}

即可以了！

这里面有一个技术，就是将资源文件嵌入到DLL中的技术。

先看一下项目目录:

需要将这些文件做为内嵌资源进行处理，如下图:

另外还需要在Properties文件夹中的AssemblyInfo.cs中进行定义

Code:

[assembly: WebResource("Hahaman.Mvc.UI.jquery-1.4.2.min.js", "text/javascript")]
[assembly: WebResource("Hahaman.Mvc.UI.jquery-ui-1.8.2.custom.min.js","text/javascript")]
[assembly: WebResource("Hahaman.Mvc.UI.jquery.ui.datepicker-zh-CN.js", "text/javascript")]
[assembly: WebResource("Hahaman.Mvc.UI.blitzer.images.ui-anim_basic_16x16.gif", "image/gif")]
[assembly: WebResource("Hahaman.Mvc.UI.blitzer.images.ui-bg_diagonals-thick_75_f3d8d8_40x40.png", "image/png")]
[assembly: WebResource("Hahaman.Mvc.UI.blitzer.images.ui-bg_dots-small_65_a6a6a6_2x2.png", "image/png")]
[assembly: WebResource("Hahaman.Mvc.UI.blitzer.images.ui-bg_flat_0_333333_40x100.png", "image/png")]
[assembly: WebResource("Hahaman.Mvc.UI.blitzer.images.ui-bg_flat_65_ffffff_40x100.png", "image/png")]
[assembly: WebResource("Hahaman.Mvc.UI.blitzer.images.ui-bg_flat_75_ffffff_40x100.png", "image/png")]
[assembly: WebResource("Hahaman.Mvc.UI.blitzer.images.ui-bg_glass_55_fbf8ee_1x400.png", "image/png")]
[assembly: WebResource("Hahaman.Mvc.UI.blitzer.images.ui-bg_highlight-hard_100_eeeeee_1x100.png", "image/png")]
[assembly: WebResource("Hahaman.Mvc.UI.blitzer.images.ui-bg_highlight-hard_100_f6f6f6_1x100.png", "image/png")]
[assembly: WebResource("Hahaman.Mvc.UI.blitzer.images.ui-bg_highlight-soft_15_cc0000_1x100.png", "image/png")]
[assembly: WebResource("Hahaman.Mvc.UI.blitzer.images.ui-icons_004276_256x240.png", "image/png")]
[assembly: WebResource("Hahaman.Mvc.UI.blitzer.images.ui-icons_cc0000_256x240.png", "image/png")]
[assembly: WebResource("Hahaman.Mvc.UI.blitzer.images.ui-icons_ffffff_256x240.png", "image/png")]
[assembly: WebResource("Hahaman.Mvc.UI.blitzer.jquery-ui-1.8.2.custom.css", "text/css",PerformSubstitution=true)]

使用时需要使用Page.ClientScript.GetWebResourceUrl()方法获取！

--ok---

测试项目下载地址:http://www.hahaman.cn/ASP_NET/thread-373-1-1.aspx