- 浏览: 13993 次
最新评论
前面基本实现了ASP.NET MVC的 JQueryUI控件,现在准备写一套ASP.NET的JQueryUI控件开发,
今天先写一个JQueryScriptManager的实现.(基于ASP.NET MVC的基础上进行的开发,最终写成的控件即可以应用于ASP.NET也可以应用于ASP.NET MVC).
先上图:
三个引入使用的是Bool类型属性,
皮肤使用枚举类型,此类型在前面已定义: 一、实现 控件设计时显示JQuery Script Manager -htt://www.hahaman.cn效果 即可实现,
二、设置功能实现:
首先需要实现JQuery Script Manager 类中的属性 //属性定义
public bool JQueryJs { get; set; }
public bool JQueryUIJs { get; set; }
public JQSkin Skins { get; set; }
public bool JQueryLngZh_CN { get; set; }
//初始化
public JQueryManager()
{
this.JQueryJs = true;
this.JQueryUIJs = true;
this.JQueryLngZh_CN = true;
this.Skins = JQSkin.smoothness;
}
//加载处理
protected override void OnLoad(EventArgs e)
{
if (JQueryJs)
this.Page.ClientScript.RegisterClientScriptInclude("jquery", Page.ClientScript.GetWebResourceUrl(typeof(JQueryUIExt), "Hahaman.Mvc.UI.jquery-1.4.2.min.js"));
if (JQueryUIJs)
{
this.Page.ClientScript.RegisterClientScriptInclude("jqueryui", Page.ClientScript.GetWebResourceUrl(typeof(JQueryUIExt), "Hahaman.Mvc.UI.jquery-ui-1.8.2.custom.min.js"));
string skin = Skins.ToString();
Literal lit = new Literal();
lit.Text = "/nskin + ".jquery-ui-1.8.2.custom.css") + "/" rel=/"stylesheet/" type=/"text/css/" />";
this.Page.Header.Controls.Add(lit);
}
if (JQueryLngZh_CN)
this.Page.ClientScript.RegisterClientScriptInclude("jquerylng", Page.ClientScript.GetWebResourceUrl(typeof(JQueryUIExt), "Hahaman.Mvc.UI.jquery.ui.datepicker-zh-CN.js"));
}
实现设计类:JQeryManagerDesigner public class JQeryManagerDesigner : ControlDesigner,IComponent
{
public JQeryManagerDesigner()
: base() {
}
public override DesignerActionListCollection ActionLists
{
get
{
DesignerActionListCollection actionList
= new DesignerActionListCollection();
actionList.Add(new JQueryManagerActionList(base.Component));
return actionList;
}
}
#region IComponent 成员
public event EventHandler Disposed;
public ISite Site
{
get
{
throw new NotImplementedException();
}
set
{
throw new NotImplementedException();
}
}
#endregion }
ActionList类:JQueryManagerActionList public class JQueryManagerActionList : DesignerActionList
{
IComponent _parent;
public JQueryManagerActionList(IComponent c)
: base(c) {
_parent = c;
}
private DesignerActionItemCollection items;
public override DesignerActionItemCollection GetSortedActionItems()
{
if (items == null)
{
items = new DesignerActionItemCollection();
items.Add(new DesignerActionHeaderItem("JQuery Script设置"));
items.Add(new DesignerActionPropertyItem("JQueryJs", "引入JQuery.js"));
items.Add(new DesignerActionPropertyItem("JQueryUIJs", "引入JQuery.UI.js"));
items.Add(new DesignerActionPropertyItem("JQueryLngZh_CN","引入JQuery中文语言包"));
items.Add(new DesignerActionPropertyItem("Skins", "皮肤"));
}
return items;
}
private JQueryManager JQueryManager
{
get
{
return (JQueryManager)_parent;
}
}
public bool JQueryJs {
get
{
return JQueryManager.JQueryJs;
}
set
{
PropertyDescriptor desc
= TypeDescriptor.GetProperties(base.Component)["JQueryJs"];
desc.SetValue(base.Component, value);
}
}
public bool JQueryUIJs {
get
{
return JQueryManager.JQueryUIJs;
}
set
{
PropertyDescriptor desc
= TypeDescriptor.GetProperties(base.Component)["JQueryUIJs"];
desc.SetValue(base.Component, value);
}
}
public JQSkin Skins {
get
{
return JQueryManager.Skins;
}
set
{
PropertyDescriptor desc
= TypeDescriptor.GetProperties(base.Component)["Skins"];
desc.SetValue(base.Component, value);
}
}
public bool JQueryLngZh_CN {
get
{
return JQueryManager.JQueryLngZh_CN;
}
set
{
PropertyDescriptor desc
= TypeDescriptor.GetProperties(base.Component)["JQueryLngZh_CN"];
desc.SetValue(base.Component, value);
}
} }
最后需要对JQuery Script Manager 类进行声明. 即可以实现!
待续....
发表评论
-
DEMO:字符串反转
2012-07-06 09:52 718这个例子主要是让用户输入的字符串反转之后显示出来,主要是用 ... -
用正则表达式做内容关键字链接
2012-07-06 09:46 685private void rc() { strin ... -
Javascript模式- 命令模式(Command)
2012-07-05 20:45 749前言 博客园谈设计 ... -
自定义android RadioPreference组件
2012-07-03 13:44 1390今天用到了android的preferences组件,可是 ... -
flex4 设置 圆角
2012-07-02 12:51 858height="100%" left= ... -
flex AS中TabNavigator子项后报超出索引 commitProperties解决
2012-07-02 12:51 542height="200" > ... -
Dom4j java编程
2012-07-02 12:51 834dom4j 是一种解析 XML 文档的开放源代码 XML ... -
Event propagation事件传播
2012-07-02 12:51 788当事件被触发时,F ... -
flex 给DataGrid每行加上tooltip
2012-07-02 12:51 690在初始化时加上tooltip的字体大小 mx.sty ... -
Flex4自定义事件类型Event的相关应用
2012-07-01 10:18 762基于松耦合的概念 自定义事件类型将取到很重要的作用 当您 ... -
flex学习-----事件机制的工作流程
2012-07-01 10:18 8388.2 事件机制的工作流程 8.2.1 关于事件流 ... -
Flex事件机制一
2012-07-01 10:17 770一:事件流机制 由于OOP编程将程序看成一个个对象、 ... -
Flex FTP文件上传
2012-07-01 10:17 660Flex FTP文件上传原理就是利用Flex Socket ... -
使用Flex实现FTP文件上传功能
2012-07-01 10:17 953最近需要使用Flex实现Ftp文件上传功能,Google到 ... -
未来的移动游戏
2012-06-30 16:43 595未来的移动游戏 2011年07月14日 手机游戏是娱乐 ... -
游戏战歌网 仿soso音乐 flex播放器
2012-06-30 16:42 750游戏战歌网 仿soso音乐 flex播放器 2010年08月 ... -
Flash游戏开发技术分析
2012-06-30 16:42 661Flash游戏开发技术分析 2010年12月31日 1、 ... -
FLEX和Actionscript开发FLASH游戏 3-2
2012-06-30 16:42 361FLEX和Actionscript开发FLASH游戏 3-2 ...
相关推荐
ASP.NET jQuery.CHM--------------------------------------------------------------------------------------------------------------------------------
asp.net-jquery树 asp.net-jquery树 asp.net-jquery树
文本编缉控件
Aspnet-ASP.NET-Core-2-jQuery-Ajax-Modal-Form.zip,使用asp.net core 2 mvc jquery ajax bootstrap model formasp.net-core-2-jquery-ajax-model-form实现模式表单,asp.net是一个开源的web框架,用于使用.net构建...
整套的jquery ui实例,版本jquery ui1.8.16, jquery-easyui-1.2.2 自己做了一个异步动态加载树
jquery-ui中文日历控件,使用的时候记得先把文档编码改为UTF-8,否则中文显示乱码!
ASP.NET 模板(汉化了jquery-1.4.1-vsdoc.js)
【ASP.NET编程知识】Asp.net基于ajax和jquery-ui实现进度条.docx
jquery插件jquery-ui-timepicker-addon.j
jQuery UI Datepicker日期选择插件很好用,但是不满意的是不能精确到时分秒,而jquery-ui-timepicker-addon.js正是基于jQuery UI Datepicker的一款可选时间的插件。 使用方法: 1.把下载的文件包含到页面里面 2....
GLib 是由丽汽集团信息中心针对Asp.Net 开发的一套轻量级控件,具有使用方便、速度快等特点,集成了jQuery1.3.2,支持中文智能感知,本控件免费提供,演示地址:http://www.oa0578.com/win/
asp.net jquery结合flash多文件上传 支持文件多选,选择之后页面显示文件名称和文件大小 有进度条提示 上传之后队列自动消失
asp.net利用jquery开发的无限级树形菜单
jQuery UI.Layout参数 jQuery UI.Layout Plug-in 官方站点:http://layout.jquery-dev.net/ 必须的文件:jquery.js,jquery-ui.js,jquery.layout.js
-Tips and tricks for interfacing the jQuery library with ASP.NET controls -Boost ASP.NET applications with the power of jQuery -Use a problem-solution based approach with hands-on examples for ASP.NET...
最新jquery-ui-1.11.2日期控件,官网下载内涵图片和自己添加的中文辅助jquery-ui-timepicker-zh-CN.js,经过本人测试绝对可以用,不知道怎么用的百度上找个例子即可,需要导入的包 ${ctx}/plugins/jquery-ui-1.11.2/...
jquery-ui样式demo,非常实用,非常适合web开发
Packt Publishing ASP.NET jQuery Cookbook (2011)
一个基于ASP.net+Jquery+GridView实现无刷新TreeGrid源码例子