ASP.NET控件设计时操作列表与模板编辑浅析

ASP.NET控件设计时操作列表与模板编辑的基本内容：

成都创新互联主营当涂网站建设的网络公司,主营网站建设方案,手机APP定制开发,当涂h5小程序设计搭建,当涂网站营销推广欢迎当涂等地区企业咨询

ASP.NET控件设计时操作列表与模板编辑一.智能标记

先看一张图.

GridView右侧的小三角可以很轻松的帮助我们设置常用的属性，如下面的启动分页，启用排序等,通过这样的方式我们可以很快的完成工作。我们称这样的任务菜单为智能标记.

下面来看看ASP.NET控件设计时操作列表与模板编辑如何实现

1.重写ControlDesigner的ActionLists属性

你必须重写这个属性，返回你自定义的智能标记集合（即DesignerActionListCollection）,这里假设CustomControlActionList为自定义的智能

 
 
 
    
  
  
  
  1. public class SampleControlDesigner : ControlDesigner  
    2. 
  
  
  
  2. {  
    3. 
  
  
  
  3.     public SampleControlDesigner()  
    4. 
  
  
  
  4.         : base()  
    5. 
  
  
  
  5.     {  
    6. 
  
  
  
  6.     }  
    7. 
  
  
  
  7.  
    8. 
  
  
  
  8.     //创建一个自定义操作列表集合  
    9. 
  
  
  
  9.     public override DesignerActionListCollection ActionLists  
    10. 
  
  
  
  10.     {  
    11. 
  
  
  
  11.         get 
    12. 
  
  
  
  12.         {  
    13. 
  
  
  
  13.             DesignerActionListCollection actionLists = new DesignerActionListCollection();  
    14. 
  
  
  
  14.             actionLists.Add(new CustomControlActionList(this));  
    15. 
  
  
  
  15.  
    16. 
  
  
  
  16.             return actionLists;  
    17. 
  
  
  
  17.         }  
    18. 
  
  
  
  18.     }    
    19. 
  
  
  
  19. } 
    20.

2.CustomControlActionList 自定义项列表

2.1项列表分类

(1)标题面板

(2)属性面板

(3)方法面板

类图如下

看个效果图,你就明白怎么回事了

2.2实现

(1)继承DesignerActionList类,重写GetSortedActionItems方法添加自定义项面板集合,即2.1的三种项面板

 
 
 
    
  
  
  
  1. public override DesignerActionItemCollection GetSortedActionItems()  
    2. 
  
  
  
  2. {  
    3. 
  
  
  
  3.     if (items == null)  
    4. 
  
  
  
  4.     {  
    5. 
  
  
  
  5.         items = new DesignerActionItemCollection();  
    6. 
  
  
  
  6.         // 添加标题面板  
    7. 
  
  
  
  7.         items.Add(new DesignerActionHeaderItem("快速设置面板测试:"));  
    8. 
  
  
  
  8.         //添加属性相关面板  
    9. 
  
  
  
  9.         items.Add(new DesignerActionPropertyItem("Visible",  
    10. 
  
  
  
  10.                  "是否显示"));  
    11. 
  
  
  
  11.         items.Add(new DesignerActionPropertyItem("Width",  
    12. 
  
  
  
  12.                 "设置宽度"));  
    13. 
  
  
  
  13.         items.Add(new DesignerActionPropertyItem("Height",  
    14. 
  
  
  
  14.                "设置高度"));  
    15. 
  
  
  
  15.         // 添加方法相关面板  
    16. 
  
  
  
  16.  
    17. 
  
  
  
  17.         items.Add(new DesignerActionMethodItem(this, "FormatBlue", "定义背景为蓝色", true));  
    18. 
  
  
  
  18.         items.Add(new DesignerActionMethodItem(this, "FormatRed", "定义背景为红色", true));  
    19. 
  
  
  
  19.         items.Add(new DesignerActionMethodItem(this, "FormatWhite", "定义背景为白色", true));  
    20. 
  
  
  
  20.           
    21. 
  
  
  
  21.     }  
    22. 
  
  
  
  22.     return items;  
    23. 
  
  
  
  23. } 
    24.

(2)属性,方法项面板的实现

如果你设置属性的话,则必须在CustomControlActionList定义属性,方法也相同,代码如下

 
 
 
    
  
  
  
  1. #region 自定义方法  
    2. 
  
  
  
  2.  
    3. 
  
  
  
  3.         public void FormatBlue()  
    4. 
  
  
  
  4.         {  
    5. 
  
  
  
  5.             SampleControl ctrl = (SampleControl)_parent.Component;  
    6. 
  
  
  
  6.             TransactedChangeCallback toCall = new TransactedChangeCallback(DoFormat);  
    7. 
  
  
  
  7.             ControlDesigner.InvokeTransactedChange(ctrl, toCall, "FormatBlue", "FormatBlue");  
    8. 
  
  
  
  8.         }  
    9. 
  
  
  
  9.  
    10. 
  
  
  
  10.         public void FormatRed()  
    11. 
  
  
  
  11.         {  
    12. 
  
  
  
  12.             SampleControl ctrl = (SampleControl)_parent.Component;  
    13. 
  
  
  
  13.             TransactedChangeCallback toCall = new TransactedChangeCallback(DoFormat);  
    14. 
  
  
  
  14.             ControlDesigner.InvokeTransactedChange(ctrl, toCall, "FormatRed", "FormatRed");  
    15. 
  
  
  
  15.         }  
    16. 
  
  
  
  16.  
    17. 
  
  
  
  17.         public void FormatWhite()  
    18. 
  
  
  
  18.         {  
    19. 
  
  
  
  19.             SampleControl ctrl = (SampleControl)_parent.Component;  
    20. 
  
  
  
  20.             //定义委托  
    21. 
  
  
  
  21.             TransactedChangeCallback toCall = new TransactedChangeCallback(DoFormat);  
    22. 
  
  
  
  22.             ControlDesigner.InvokeTransactedChange(ctrl, toCall, "FormatWhite", "FormatWhite");  
    23. 
  
  
  
  23.         }  
    24. 
  
  
  
  24.  
    25. 
  
  
  
  25.         #endregion 
    26. 
 
 
 
 
 
 
    
  
  
  
  1. #region 自定义属性  
    2. 
  
  
  
  2.  
    3. 
  
  
  
  3.         public bool Visible  
    4. 
  
  
  
  4.         {  
    5. 
  
  
  
  5.             get 
    6. 
  
  
  
  6.             {  
    7. 
  
  
  
  7.                 SampleControl ctrl = (SampleControl)_parent.Component;  
    8. 
  
  
  
  8.                 return ctrl.Visible;  
    9. 
  
  
  
  9.             }  
    10. 
  
  
  
  10.             set 
    11. 
  
  
  
  11.             {  
    12. 
  
  
  
  12.                     PropertyDescriptor propDesc = TypeDescriptor.GetProperties(_parent.Component)["Visible"];  
    13. 
  
  
  
  13.                     propDesc.SetValue(_parent.Component, value);  
    14. 
  
  
  
  14.  
    15. 
  
  
  
  15.             }  
    16. 
  
  
  
  16.         }  
    17. 
  
  
  
  17.  
    18. 
  
  
  
  18.         public Unit Width  
    19. 
  
  
  
  19.         {  
    20. 
  
  
  
  20.             get 
    21. 
  
  
  
  21.             {  
    22. 
  
  
  
  22.                 SampleControl ctrl = (SampleControl)_parent.Component;  
    23. 
  
  
  
  23.                 return ctrl.Width;  
    24. 
  
  
  
  24.             }  
    25. 
  
  
  
  25.             set 
    26. 
  
  
  
  26.             {  
    27. 
  
  
  
  27.                 PropertyDescriptor propDesc = TypeDescriptor.GetProperties(_parent.Component)["Width"];  
    28. 
  
  
  
  28.                 propDesc.SetValue(_parent.Component, value);  
    29. 
  
  
  
  29.             }  
    30. 
  
  
  
  30.         }  
    31. 
  
  
  
  31.  
    32. 
  
  
  
  32.         public Unit Height  
    33. 
  
  
  
  33.         {  
    34. 
  
  
  
  34.             get 
    35. 
  
  
  
  35.             {  
    36. 
  
  
  
  36.                 SampleControl ctrl = (SampleControl)_parent.Component;  
    37. 
  
  
  
  37.                 return ctrl.Height;  
    38. 
  
  
  
  38.             }  
    39. 
  
  
  
  39.             set 
    40. 
  
  
  
  40.             {  
    41. 
  
  
  
  41.                 PropertyDescriptor propDesc = TypeDescriptor.GetProperties(_parent.Component)["Height"];  
    42. 
  
  
  
  42.                 propDesc.SetValue(_parent.Component, value);  
    43. 
  
  
  
  43.             }  
    44. 
  
  
  
  44.         }  
    45. 
  
  
  
  45.  
    46. 
  
  
  
  46.         #endregion  
    47. 
  
  
  
  47.  
    48. 
  
  
  
  48.         public bool DoFormat(object arg)  
    49. 
  
  
  
  49.         {  
    50. 
  
  
  
  50.             SampleControl ctl = (SampleControl)_parent.Component;  
    51. 
  
  
  
  51.             string fmt = (string)arg;  
    52. 
  
  
  
  52.  
    53. 
  
  
  
  53.             PropertyDescriptor backColorProp = TypeDescriptor.GetProperties(ctl)["BackColor"];  
    54. 
  
  
  
  54.  
    55. 
  
  
  
  55.             switch (fmt)  
    56. 
  
  
  
  56.             {  
    57. 
  
  
  
  57.                 case "FormatBlue":  
    58. 
  
  
  
  58.                     backColorProp.SetValue(ctl, Color.Blue);  
    59. 
  
  
  
  59.                     break;  
    60. 
  
  
  
  60.                 case "FormatRed":  
    61. 
  
  
  
  61.  
    62. 
  
  
  
  62.                     backColorProp.SetValue(ctl, Color.Red);  
    63. 
  
  
  
  63.                     break;  
    64. 
  
  
  
  64.                 case "FormatWhite":  
    65. 
  
  
  
  65.                     backColorProp.SetValue(ctl, Color.White);  
    66. 
  
  
  
  66.                     break;  
    67. 
  
  
  
  67.             }  
    68. 
  
  
  
  68.  
    69. 
  
  
  
  69.             //刷新设计时html标记  
    70. 
  
  
  
  70.             _parent.UpdateDesignTimeHtml();  
    71. 
  
  
  
  71.  
    72. 
  
  
  
  72.             return true;  
    73. 
  
  
  
  73.         } 
    74.

以上步骤完成以后就大功告成了,接着则与相关控件关联起来就可以了,效果图在上面已经看过了.

[DesignerAttribute(typeof(SampleControlDesigner))]

ASP.NET控件设计时操作列表与模板编辑二.模板编辑器

上面的模板编辑界面相信大家都很熟悉吧.设置支持怎么少的了模板呢.设置时模板编辑实现比较简单,下面来看下如何实现

这里自定义的模板控件不再列出

1.重写ControlDesigner类的TemplateGroups返回自定义模板组集合即(TemplateGroupCollection)

添加步骤跟表格的添加类似,td add tr然后table add td

模板则是TemplateGroup add TemplateDefinition 然后TemplateGroupCollection add TemplateGroup

代码如下

 
 
 
    
  
  
  
  1. public override TemplateGroupCollection TemplateGroups  
    2. 
  
  
  
  2.         {  
    3. 
  
  
  
  3.             get 
    4. 
  
  
  
  4.             {  
    5. 
  
  
  
  5.  
    6. 
  
  
  
  6.                 if (col == null)  
    7. 
  
  
  
  7.                 {  
    8. 
  
  
  
  8.                     col = base.TemplateGroups;  
    9. 
  
  
  
  9.  
    10. 
  
  
  
  10.                     TemplateGroup tempGroup;  
    11. 
  
  
  
  11.                     TemplateDefinition tempDef;  
    12. 
  
  
  
  12.                     TemplateGroupsSample ctl;  
    13. 
  
  
  
  13.  
    14. 
  
  
  
  14.                     ctl = (TemplateGroupsSample)Component;  
    15. 
  
  
  
  15.  
    16. 
  
  
  
  16.                     // 创建模板分组一  
    17. 
  
  
  
  17.                     tempGroup = new TemplateGroup("模板A组");  
    18. 
  
  
  
  18.  
    19. 
  
  
  
  19.                     //提供在设置时编辑模板  
    20. 
  
  
  
  20.                     tempDef = new TemplateDefinition(this, "Template A1",  
    21. 
  
  
  
  21.                         ctl, "Template1", false);  
    22. 
  
  
  
  22.  
    23. 
  
  
  
  23.                     tempGroup.AddTemplateDefinition(tempDef);  
    24. 
  
  
  
  24.  
    25. 
  
  
  
  25.                    
    26. 
  
  
  
  26.                     tempDef = new TemplateDefinition(this, "Template A2",  
    27. 
  
  
  
  27.                         ctl, "Template2", false);  
    28. 
  
  
  
  28.  
    29. 
  
  
  
  29.                     tempGroup.AddTemplateDefinition(tempDef);  
    30. 
  
  
  
  30.  
    31. 
  
  
  
  31.            
    32. 
  
  
  
  32.                     col.Add(tempGroup);  
    33. 
  
  
  
  33.  
    34. 
  
  
  
  34.                     // 创建模板分组二  
    35. 
  
  
  
  35.                     tempGroup = new TemplateGroup("模板B组");  
    36. 
  
  
  
  36.                     tempDef = new TemplateDefinition(this, "Template B1",  
    37. 
  
  
  
  37.                         ctl, "Template3", true);  
    38. 
  
  
  
  38.                     tempGroup.AddTemplateDefinition(tempDef);  
    39. 
  
  
  
  39.                     tempDef = new TemplateDefinition(this, "Template B2",  
    40. 
  
  
  
  40.                         ctl, "Template4", true);  
    41. 
  
  
  
  41.                     tempGroup.AddTemplateDefinition(tempDef);  
    42. 
  
  
  
  42.                     col.Add(tempGroup);  
    43. 
  
  
  
  43.                 }  
    44. 
  
  
  
  44.  
    45. 
  
  
  
  45.                 return col;  
    46. 
  
  
  
  46.             }  
    47. 
  
  
  
  47.         } 
    48.

这里注意TemplateDefinition构造函数的***一个属性,true则在设计时编辑只能添加服务器控件

2.初始化启用设计时模板编辑

我们还需要在Initialize方法中调用SetViewFlags方法启用设计时模板编辑

 
 
 
    
  
  
  
  1. public override void Initialize(IComponent component)  
    2. 
  
  
  
  2. {  
    3. 
  
  
  
  3.    
    4. 
  
  
  
  4.     base.Initialize(component);  
    5. 
  
  
  
  5.    
    6. 
  
  
  
  6.     SetViewFlags(ViewFlags.TemplateEditing, true);  
    7. 
  
  
  
  7. } 
    8.

3.提供默认矩形标识符,为控件提供说明

如下图,DataList默认情况下给予如下提示

我们可以通过重写GetDesignTimeHtml方法调用CreatePlaceHolderDesignTimeHtml方法创建一个矩形标识符来实现

 
 
 
    
  
  
  
  1. public override string GetDesignTimeHtml()  
    2. 
  
  
  
  2. {  
    3. 
  
  
  
  3.     return CreatePlaceHolderDesignTimeHtml("右击或选择编辑模板面板来编辑模板内容");  
    4. 
  
  
  
  4. } 
    5.

好了,完成了,接着要做的就是与相关模板控件关联起来了

平时大家都太忙了,上面功能有跟没有没多大关系,不过常用控件属性和功能,有设计时支持一定会让使用的更加有效.

ASP.NET控件设计时操作列表与模板编辑的相关内容就向你介绍到这里，希望对你了解ASP.NET控件设计时操作列表与模板编辑有所帮助。

分享标题：ASP.NET控件设计时操作列表与模板编辑浅析
文章转载：http://www.shufengxianlan.com/qtweb/news31/77781.html

网站建设、网络推广公司-创新互联，是专注品牌与效果的网站制作，网络营销seo公司；服务项目有等

广告

声明：本网站发布的内容（图片、视频和文字）以用户投稿、用户转载内容为主，如果涉及侵权请尽快告知，我们将会在第一时间删除。文章观点不代表本网站立场，如需处理请联系客服。电话：028-86922220；邮箱：631063699@qq.com。内容未经允许不得转载，或转载时需注明来源： 创新互联

猜你还喜欢下面的内容

解决方案知识

同城分类信息

成都橡塑保温管　　 　内江网站建设　　 　网站收录　　 　泸州网站建设　　 　鸿艺文化传播　　 　成都二枢机房　　 　成都logo设计标志　　 　平昌保洁　　 　商城系统开发　　 　成都展柜设计　　 　贵安服务器托管　　 　手机网站制作　　 　成都网站制作　　 　简阳服务器托管　　 　乐山做网站　　 　简阳机房托管　　 　力比特工程　　 　雅安电信机房　　 　成都主机托管　　 　西部信息中心