ASP.NET控件設計時操作列表與模板編輯的示例分析

小編給大家分享一下ASP.NET控件設計時操作列表與模板編輯的示例分析，相信大部分人都還不怎么了解，因此分享這篇文章給大家參考一下，希望大家閱讀完這篇文章后大有收獲，下面讓我們一起去了解一下吧！

ASP.NET控件設計時操作列表與模板編輯一.智能標記

先看一張圖.

GridView右側的小三角可以很輕松的幫助我們設置常用的屬性，如下面的啟動分頁，啟用排序等,通過這樣的方式我們可以很快的完成工作。我們稱這樣的任務菜單為智能標記.

下面來看看ASP.NET控件設計時操作列表與模板編輯如何實現

1.重寫ControlDesigner的ActionLists屬性

你必須重寫這個屬性，返回你自定義的智能標記集合（即DesignerActionListCollection）,這里假設CustomControlActionList為自定義的智能

public class SampleControlDesigner : ControlDesigner  {      public SampleControlDesigner()          : base()      {      }       //創建一個自定義操作列表集合      public override DesignerActionListCollection ActionLists      {          get         {              DesignerActionListCollection actionLists = new DesignerActionListCollection();              actionLists.Add(new CustomControlActionList(this));               return actionLists;          }      }    }

2.CustomControlActionList 自定義項列表

2.1項列表分類

(1)標題面板

(2)屬性面板

(3)方法面板

類圖如下

看個效果圖,你就明白怎么回事了

2.2實現

(1)繼承DesignerActionList類,重寫GetSortedActionItems方法添加自定義項面板集合,即2.1的三種項面板

public override DesignerActionItemCollection GetSortedActionItems()  {      if (items == null)      {          items = new DesignerActionItemCollection();          // 添加標題面板          items.Add(new DesignerActionHeaderItem("快速設置面板測試:"));          //添加屬性相關面板          items.Add(new DesignerActionPropertyItem("Visible",                   "是否顯示"));          items.Add(new DesignerActionPropertyItem("Width",                  "設置寬度"));          items.Add(new DesignerActionPropertyItem("Height",                 "設置高度"));          // 添加方法相關面板           items.Add(new DesignerActionMethodItem(this, "FormatBlue", "定義背景為藍色", true));          items.Add(new DesignerActionMethodItem(this, "FormatRed", "定義背景為紅色", true));          items.Add(new DesignerActionMethodItem(this, "FormatWhite", "定義背景為白色", true));                }      return items;  }

(2)屬性,方法項面板的實現

如果你設置屬性的話,則必須在CustomControlActionList定義屬性,方法也相同,代碼如下

#region 自定義方法           public void FormatBlue()          {              SampleControl ctrl = (SampleControl)_parent.Component;              TransactedChangeCallback toCall = new TransactedChangeCallback(DoFormat);              ControlDesigner.InvokeTransactedChange(ctrl, toCall, "FormatBlue", "FormatBlue");          }           public void FormatRed()          {              SampleControl ctrl = (SampleControl)_parent.Component;              TransactedChangeCallback toCall = new TransactedChangeCallback(DoFormat);              ControlDesigner.InvokeTransactedChange(ctrl, toCall, "FormatRed", "FormatRed");          }           public void FormatWhite()          {              SampleControl ctrl = (SampleControl)_parent.Component;              //定義委托              TransactedChangeCallback toCall = new TransactedChangeCallback(DoFormat);              ControlDesigner.InvokeTransactedChange(ctrl, toCall, "FormatWhite", "FormatWhite");          }           #endregion

#region 自定義屬性           public bool Visible          {              get             {                  SampleControl ctrl = (SampleControl)_parent.Component;                  return ctrl.Visible;              }              set             {                      PropertyDescriptor propDesc = TypeDescriptor.GetProperties(_parent.Component)["Visible"];                      propDesc.SetValue(_parent.Component, value);               }          }           public Unit Width          {              get             {                  SampleControl ctrl = (SampleControl)_parent.Component;                  return ctrl.Width;              }              set             {                  PropertyDescriptor propDesc = TypeDescriptor.GetProperties(_parent.Component)["Width"];                  propDesc.SetValue(_parent.Component, value);              }          }           public Unit Height          {              get             {                  SampleControl ctrl = (SampleControl)_parent.Component;                  return ctrl.Height;              }              set             {                  PropertyDescriptor propDesc = TypeDescriptor.GetProperties(_parent.Component)["Height"];                  propDesc.SetValue(_parent.Component, value);              }          }           #endregion           public bool DoFormat(object arg)          {              SampleControl ctl = (SampleControl)_parent.Component;              string fmt = (string)arg;               PropertyDescriptor backColorProp = TypeDescriptor.GetProperties(ctl)["BackColor"];               switch (fmt)              {                  case "FormatBlue":                      backColorProp.SetValue(ctl, Color.Blue);                      break;                  case "FormatRed":                       backColorProp.SetValue(ctl, Color.Red);                      break;                  case "FormatWhite":                      backColorProp.SetValue(ctl, Color.White);                      break;              }               //刷新設計時html標記              _parent.UpdateDesignTimeHtml();               return true;          }

以上步驟完成以后就大功告成了,接著則與相關控件關聯起來就可以了,效果圖在上面已經看過了.

[DesignerAttribute(typeof(SampleControlDesigner))]

ASP.NET控件設計時操作列表與模板編輯二.模板編輯器

上面的模板編輯界面相信大家都很熟悉吧.設置支持怎么少的了模板呢.設置時模板編輯實現比較簡單,下面來看下如何實現

這里自定義的模板控件不再列出

1.重寫ControlDesigner類的TemplateGroups返回自定義模板組集合即(TemplateGroupCollection)

添加步驟跟表格的添加類似,td add tr然后table add td

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

代碼如下

public override TemplateGroupCollection TemplateGroups          {              get             {                   if (col == null)                  {                      col = base.TemplateGroups;                       TemplateGroup tempGroup;                      TemplateDefinition tempDef;                      TemplateGroupsSample ctl;                       ctl = (TemplateGroupsSample)Component;                       // 創建模板分組一                      tempGroup = new TemplateGroup("模板A組");                       //提供在設置時編輯模板                      tempDef = new TemplateDefinition(this, "Template A1",                          ctl, "Template1", false);                       tempGroup.AddTemplateDefinition(tempDef);                                          tempDef = new TemplateDefinition(this, "Template A2",                          ctl, "Template2", false);                       tempGroup.AddTemplateDefinition(tempDef);                                  col.Add(tempGroup);                       // 創建模板分組二                      tempGroup = new TemplateGroup("模板B組");                      tempDef = new TemplateDefinition(this, "Template B1",                          ctl, "Template3", true);                      tempGroup.AddTemplateDefinition(tempDef);                      tempDef = new TemplateDefinition(this, "Template B2",                          ctl, "Template4", true);                      tempGroup.AddTemplateDefinition(tempDef);                      col.Add(tempGroup);                  }                   return col;              }          }

這里注意TemplateDefinition構造函數的***一個屬性,true則在設計時編輯只能添加服務器控件

2.初始化啟用設計時模板編輯

我們還需要在Initialize方法中調用SetViewFlags方法啟用設計時模板編輯

public override void Initialize(IComponent component)  {         base.Initialize(component);         SetViewFlags(ViewFlags.TemplateEditing, true);  }

3.提供默認矩形標識符,為控件提供說明

如下圖,DataList默認情況下給予如下提示

我們可以通過重寫GetDesignTimeHtml方法調用CreatePlaceHolderDesignTimeHtml方法創建一個矩形標識符來實現

public override string GetDesignTimeHtml()  {      return CreatePlaceHolderDesignTimeHtml("右擊或選擇編輯模板面板來編輯模板內容");  }

好了,完成了,接著要做的就是與相關模板控件關聯起來了

平時大家都太忙了,上面功能有跟沒有沒多大關系,不過常用控件屬性和功能,有設計時支持一定會讓使用的更加有效.

以上是“ASP.NET控件設計時操作列表與模板編輯的示例分析”這篇文章的所有內容，感謝各位的閱讀！相信大家都有了一定的了解，希望分享的內容對大家有所幫助，如果還想學習更多知識，歡迎關注億速云行業資訊頻道！