一起谈.NET技术,asp.net控件开发基础(12)

简介:   从第八篇的时候跳了很大篇幅来继续讲属性,然后接着讲类型转换器,再接着讲视图状态.绕到现在才接着讲复合控件的样式的使用,因为上面讲的东西是紧密联系的.如果已经理解自定义视图状态管理,那这一篇则看起来相关的简单.  1.复合控件中样式属性概述  在第六篇的时候已经介绍过样式的使用了,在复合控件中你同样可以用此方法给控件定义多个样式属性,但此方法很适合像label这样非复合控件。

  从第八篇的时候跳了很大篇幅来继续讲属性,然后接着讲类型转换器,再接着讲视图状态.绕到现在才接着讲复合控件的样式的使用,因为上面讲的东西是紧密联系的.如果已经理解自定义视图状态管理,那这一篇则看起来相关的简单.

  1.复合控件中样式属性概述

  在第六篇的时候已经介绍过样式的使用了,在复合控件中你同样可以用此方法给控件定义多个样式属性,但此方法很适合像label这样非复合控件。当然复合控件可以适当的定义其自身的样式属性,同时你还需要为其子控件提供样式,典型的控件如GridView控件,如下图

  它有很多不同种类的列,而每种不同的列则有不同的样式集合属性,如果将其每个样式属性均暴露为顶级属性,那样式属性将变得很混乱。我们可以用此方法为复合控件的子控件定义样式,实现每个子控件对应Style类型的复杂样式属性,将样式属性暴露为复合控件的顶级属性,这样更容易管理复合控件样式属性。

  2.复合控件中样式属性实现(为子控件提供样式)

  Style类本身继承IStateManager 接口,并实现了接口方法.在第五篇我们曾重写CreateControlStyle方法,如下

         protected   override  Style CreateControlStyle()
        
{

            
return new Style(ViewState);
        }
其初始化的时候即存储样式信息在视图状态中,而其自定义的样式的状态管理机制则跟上一篇非常的相似.你需要重写Control类的状态管理的几个方法来实现样式的状态管理.还是以 登录控件为例.

  (1)先自定义样式集合属性

  定义方法跟上一篇视图状态中的Address属性很相似

  如下代码

 
  
#region 样式属性
[
Category(
" Styles " ),
DefaultValue(
null ),
DesignerSerializationVisibility(
DesignerSerializationVisibility.Content),
PersistenceMode(PersistenceMode.InnerProperty),
Description(
" 应用于按钮的样式 " )
]
public virtual Style ButtonStyle
{
get
{
if (_buttonStyle == null )
{
_buttonStyle
= new Style();
if (IsTrackingViewState)
{
((IStateManager)_buttonStyle).TrackViewState();
}
}
return _buttonStyle;
}
}

[
Category(
" Styles " ),
DefaultValue(
null ),
DesignerSerializationVisibility(
DesignerSerializationVisibility.Content),
PersistenceMode(PersistenceMode.InnerProperty),
Description(
" 应用于文本框的样式 " )
]
public virtual Style TextBoxStyle
{
get
{
if (_textBoxStyle == null )
{
_textBoxStyle
= new Style();
if (IsTrackingViewState)
{
((IStateManager)_textBoxStyle).TrackViewState();
}
}
return _textBoxStyle;
}
}
#endregion

  (2)自定义视图状态管理

 

  因为此处定义了两个样式集合属性,所以用到了Triplet这个辅助类,其跟Pair类一样都是辅助类,而其可以存储三个相关对象的基本结构.如果你要储存三个以上就不能用这两个辅助类了,实现方法还是很简单的.

如下代码

 
  
#region 自定义视图状态
protected override void LoadViewState( object savedState)
{
if (savedState == null )
{
base .LoadViewState( null );
return ;
}
else
{
Triplet t
= savedState as Triplet;

if (t != null )
{
base .LoadViewState(t.First);

if ((t.Second) != null )
{
((IStateManager)ButtonStyle).LoadViewState(t.Second);
}

if ((t.Third) != null )
{
((IStateManager)TextBoxStyle).LoadViewState(t.Third);
}
}
else
{
throw new ArgumentException( " Invalid view state . " );
}
}
}

protected override object SaveViewState()
{
object baseState = base .SaveViewState();
object buttonStyleState = null ;
object textBoxStyleState = null ;

if (_buttonStyle != null )
{
buttonStyleState
=
((IStateManager)_buttonStyle).SaveViewState();
}

if (_textBoxStyle != null )
{
textBoxStyleState
=
((IStateManager)_textBoxStyle).SaveViewState();
}

return new Triplet(baseState,
buttonStyleState, textBoxStyleState);

}

protected override void TrackViewState()
{
base .TrackViewState();
if (_buttonStyle != null )
{
((IStateManager)_buttonStyle).TrackViewState();
}
if (_textBoxStyle != null )
{
((IStateManager)_textBoxStyle).TrackViewState();
}
}
#endregion
  (3)为子控件添加样式集合属性

  上面工作做好后,然后你就可以在呈现方法Render方法或RenderContent方法中为子控件添加样式集合属性,如下代码

if  (_buttonStyle  !=   null )
            
{
                submitButton.ApplyStyle(ButtonStyle);
            }


            
if  (_textBoxStyle  !=   null )
            
{
                nameTextBox.ApplyStyle(TextBoxStyle);
                emailTextBox.ApplyStyle(TextBoxStyle);
            }
来看一下效果,属性面板已经有子控件样式集合属性了,这样就更容易管理样式了.

  定义子控件样式就这么的简单,主要难点还是在于自 定义视图状态管理,对自定义视图状态管理熟悉的话,看到这里肯定很简单,如果没看明白就须先弄懂如何自定义视图状态管理

  注意点:asp.net2.0中复合控件可以直接继承CompositeControl类即可,大家可以了解一下此类

  本文的示例代码来自MSDN2005中的代码。

上一篇:asp.net控件开发基础(11)

下一篇:asp.net控件开发基础(13)
目录
相关文章
|
开发框架 JavaScript 前端开发
震撼!破解 ASP.NET 服务器控件 Button 执行顺序之谜,颠覆你的开发认知!
【8月更文挑战第16天】在ASP.NET开发中,通过Button控件实现先执行JavaScript再触后台处理的需求十分常见。例如,在用户点击按钮前需前端验证或提示,确保操作无误后再传递数据至后台深度处理。此过程可通过设置Button的`OnClientClick`属性调用自定义JavaScript函数完成验证;若验证通过,则继续触发后台事件。此外,结合jQuery也能达到相同效果,利用`__doPostBack`手动触发服务器端事件。这种方式增强了应用的交互性和用户体验。
238 8
winform .net6 和 framework 的图表控件,为啥项目中不存在chart控件,该如何解决?
本文讨论了在基于.NET 6和.NET Framework的WinForms项目中添加图表控件的不同方法。由于.NET 6的WinForms项目默认不包含Chart控件,可以通过NuGet包管理器安装如ScottPlot等图表插件。而对于基于.NET Framework的WinForms项目,Chart控件是默认存在的,也可以通过NuGet安装额外的图表插件,例如LiveCharts。文中提供了通过NuGet添加图表控件的步骤和截图说明。
winform .net6 和 framework 的图表控件,为啥项目中不存在chart控件,该如何解决?
|
开发者 Windows
.NET 开源扁平化、美观的 C/S 控件库
【10月更文挑战第23天】介绍了三款适用于 .NET 平台的开源扁平化、美观的 C/S 控件库:MaterialSkin 采用 Google Material Design 风格,适合现代感界面;Krypton Toolkit 提供丰富控件,界面易于定制;Fluent Ribbon Control Suite 模仿 Office 界面,适合复杂功能应用。每款控件库均附有示例代码及 GitHub 链接。
767 0
|
C# Android开发 iOS开发
一组.NET MAUI绘制的开源控件 - AlohaKit
一组.NET MAUI绘制的开源控件 - AlohaKit
317 0
|
开发框架 搜索推荐 前端开发
【.NET全栈】ASP.NET开发Web应用——Web部件技术
【.NET全栈】ASP.NET开发Web应用——Web部件技术
|
JSON 开发框架 前端开发
技术经验分享:ASP.NETCoreMVC打造一个简单的图书馆管理系统(修正版)(七)学生信息增删
技术经验分享:ASP.NETCoreMVC打造一个简单的图书馆管理系统(修正版)(七)学生信息增删
190 0
|
监控 前端开发 API
一款基于 .NET MVC 框架开发、功能全面的MES系统
一款基于 .NET MVC 框架开发、功能全面的MES系统
540 5
|
开发框架 前端开发 .NET
ASP.NET CORE 3.1 MVC“指定的网络名不再可用\企图在不存在的网络连接上进行操作”的问题解决过程
ASP.NET CORE 3.1 MVC“指定的网络名不再可用\企图在不存在的网络连接上进行操作”的问题解决过程
563 0
|
开发框架 前端开发 JavaScript
ASP.NET MVC 教程
ASP.NET 是一个使用 HTML、CSS、JavaScript 和服务器脚本创建网页和网站的开发框架。
326 7