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

简介:   我们根据属性的不同表现形式,把其区分为简单属性和复杂属性,下面来看下属性的表现形式。简单属性表现形式如下,大家都很熟悉  属性中含有子属性,称之为复杂对象,如Font属性,复杂属性的表现形式如下:  (1)连字符的表现形式  (2)内镶属性的表现形式,如定义样式      ...

  我们根据属性的不同表现形式,把其区分为简单属性和复杂属性,下面来看下属性的表现形式。简单属性表现形式如下,大家都很熟悉

< asp:TextBox  ID ="TextBox1"  Text ="textbox控件"  runat ="server" ></ asp:TextBox >

  属性中含有子属性,称之为复杂对象,如Font属性,复杂属性的表现形式如下:

  (1)连字符的表现形式

< asp:TextBox  ID ="TextBox1"  Text ="textbox控件"  runat ="server"  Font-Bold ="True" ></ asp:TextBox >

  (2)内镶属性的表现形式,如定义样式

< asp:DataList  ID ="DataList1"  runat ="server" >
            
< SelectedItemStyle  />
            
< EditItemStyle  />
        
</ asp:DataList >

  (3)内镶集合属性的表现形式,如DropDownList (先不介绍,大家可看MSDN)

< asp:DropDownList  ID ="DropDownList1"  runat ="server" >
            
< asp:ListItem > x </ asp:ListItem >
            
< asp:ListItem > xx </ asp:ListItem >
            
< asp:ListItem > xxx </ asp:ListItem >
        
</ asp:DropDownList >

 1. 复杂属性基本使用方法

  请看我是怎么做的,关于下面看到了一些元数据,如果你不熟悉,请参考MSDN。下面一段代码记录一个custom的信息.
  1.1 定义枚举

using  System;

namespace  CustomComponents
{
    
/**//// <summary>
    
/// 职业
    
/// </summary>

    public enum Metier
    
{
        教师,程序员,作家
    }

}

  1.2定义复杂属性

using  System;
using  System.ComponentModel;

namespace  CustomComponents
{


    
/**//// <summary>
    
/// 地址集合
    
/// </summary>

    public class Address
    
{
        
private String street = null;
        
private String city = null;
        
private String state = null;
        
private String zip = null;

        
public String Street
        
{
            
get
            
{
                
return street;
            }

            
set
            
{
                street 
= value;
            }

        }



        
public String City
        
{
            
get
            
{
                
return city;
            }

            
set
            
{
                city 
= value;
            }

        }


        
public String State
        
{
            
get
            
{
                
return state;
            }

            
set
            
{
                state 
= value;
            }

        }


        
public String Zip
        
{
            
get
            
{
                
return zip;
            }

            
set
            
{
                zip 
= value;
            }

        }

    }

}

  1.3 呈现控件

 

 
  
using System;
using System.ComponentModel;
using System.Web;
using System.Web.UI;

namespace CustomComponents
{
public class Custom: Control
{
private String name = null ;
Address address
= new Address();
private Metier metier;
private int age = 0 ;

属性

protected override void Render(HtmlTextWriter output)
{
output.Write(
" 姓名: " + Name + " <br> " );
output.Write(
" 年龄: " + Age + " <br> " );
output.Write(
" 职业: " + CustomMetier + " <br> " );
output.Write(
" 具体地址: " + CustomAddress.Street + " <br> 城市: "
+ CustomAddress.City + " <br> 国籍: " +
CustomAddress.State
+ " <br> 邮编: " + CustomAddress.Zip + " <br> " );
}
}
}

  1.4 在asp.net页面定义控件,
  发现问题:
属性不是有效属性,如下图



  打开后台代码,输入如下代码检查属性,发现属性是存在的,如下图,再打开视图,发现控件能显示属性,唯一的就是不能认识属性为有效属性,在源视图也无法找到这几个属性.



  1.5  解决1.4无法显示有效属性的问题,(其实以上的测试已经实现复杂属性了).

  解决方法:请在Custom类中的CustomAddress中加入一个元数据(元数据的解释请参考MSDN),如下

        [Description( " 地址集合 " )]
        [DesignerSerializationVisibility(DesignerSerializationVisibility.Content)]
        
public  Address CustomAddress
        
{
            
get
            
{
                
return address;
            }

        }

  再次打开源视图,发现编辑器已经支持此属性了,如下图,这样有点意思吧,呵呵


  虽然源视图上已经支持这个复杂属性了,打开属性面板,发现属性面板并不支持这个复杂属性(因为我们比较懒,不喜欢在源视图里编辑属性,想直接在属性面板编辑属性,下面就称复杂属性是CustomAddress),我们想要达到的效果,是让CustomAddress属性跟Font属性一样(可以折叠)显示在面板上,如下图


  发现问题:属性面板并不支持这个复杂属性

  1.6 实现CustomAddress属性折叠效果

  解决方法:给Address类添加一个元数据,如下

[TypeConverter( typeof (ExpandableObjectConverter))]
    
public   class  Address
    
{. }

  编译后,再次打开属性面板,发现CustomAddress属性已经支持折叠效果,如下图

  试着在属性面板编辑CustomAddress的子属性,修改好子属性以后然后运行页面,发现子属性修改数据后无效

  发现问题:在属性面板编辑复杂属性的子属性无效

  1.7 解决属性面板编辑复杂属性的子属性无效的问题

  解决方法:为Address类的每个属性加上一个元数据,如下

        [NotifyParentProperty( true)]
        
public String Street
        
{
            
get
            
{
                
return street;
            }

            
set
            
{
                street 
= value;
            }

        }

  编译后,回到原asp.net的页面,再次在属性面板里修改子属性,再次运行页面.发现修改后的数据生效了。好了,以上代码就是连字符形式的复杂属性的实现,我们接着继续,我们希望把CustomAddress属性做为内镶属性使用,即如下代码的形式

         < custom:custom id = " Custom1 "  runat = " server "  name = " Clingingboy "  CustomMetier = " 教师 "  Age = " 21 " >
         
< CustomAddress City = " 杭州 "  Street = " 不告诉你 "  State = " 中国 "  Zip = " 310000 "   />
         
</ custom:custom >

  发现问题:无法使用内镶属性。

  1.8 实现内镶属性

  解决方法:在Custom类中给CustomAddress再加入一个元数据(第三个),如下

        [Description( " 地址集合 ")]
        [DesignerSerializationVisibility(DesignerSerializationVisibility.Content)]
        [PersistenceMode(PersistenceMode.InnerProperty)]
        
public Address CustomAddress
        
{
            
get
            
{
                
return address;
            }

        }

  打开源视图(请不要把原来的连字符属性去掉),在控件内部加入如下代码(编辑器已经支持此属性了)

         < custom:custom    
        CustomAddress
- Zip = " 3100001 "   CustomAddress - City = " 杭州1 "  
        CustomAddress
- State = " 中国1 "  CustomAddress - Street = " 不告诉你1 "
         id
= " Custom1 "  runat = " server "  name = " Clingingboy "  CustomMetier = " 教师 "  Age = " 21 " >
         
< CustomAddress City = " 杭州 "  Street = " 不告诉你 "  State = " 中国 "  Zip = " 310000 "   />
         
</ custom:custom >

  发现问题:查看属性面板,再次修改CustomAddress子属性,然后运行,发现修改后无效果,而且显示的数据仍然是连字符属性的数据(非内镶属性的)
  1.9 让控件支持内镶属性
  解决方法:
给Custom类添加元数据,如下代码

    [ParseChildren( true )]
    
public   class  Custom: Control
    
 }

  编译后,再次测试发现属性显示的优先级发生了变化,在内镶属性存在的时候,显示内镶属性,若其中有子属性不存在,则显示连字符属性,大家可以适当更改内镶属性和连字符属性测试变化。

  发现问题:在属性面板改变属性时,仍然无法使修改后的数据生效,且修改后,数据退回初始的数据,并且导致内镶属性消失

  1.10 解决属性面板的问题

  解决方法:给Custom类再添加一个元数据,如下代码

    [ParseChildren( true )]
    [PersistChildren(
false )]
    
public   class  Custom: Control
    
 }

  编译后再次修改属性面板的值,发现修改的是内镶属性的数据,而且这次修改后数据没有丢失,运行后也是修改后的效果。好了,简单的讲完了.

  总结下:上面刚开始到1.3为止,其实效果已经实现了,接下来都是添加元数据,添加以后给我们带来的是方便.以上解决问题的办法全是套用元数据.可能上面的元数据大家很熟悉,在MSDN里面字面解释的也很清楚,但你去试验过吗?我相信这样的试验可以让你明白的更加深刻。

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

下一篇:asp.net控件开发基础(6)
目录
相关文章
|
4月前
|
开发框架 JavaScript 前端开发
震撼!破解 ASP.NET 服务器控件 Button 执行顺序之谜,颠覆你的开发认知!
【8月更文挑战第16天】在ASP.NET开发中,通过Button控件实现先执行JavaScript再触后台处理的需求十分常见。例如,在用户点击按钮前需前端验证或提示,确保操作无误后再传递数据至后台深度处理。此过程可通过设置Button的`OnClientClick`属性调用自定义JavaScript函数完成验证;若验证通过,则继续触发后台事件。此外,结合jQuery也能达到相同效果,利用`__doPostBack`手动触发服务器端事件。这种方式增强了应用的交互性和用户体验。
48 8
|
2月前
|
开发者 Windows
.NET 开源扁平化、美观的 C/S 控件库
【10月更文挑战第23天】介绍了三款适用于 .NET 平台的开源扁平化、美观的 C/S 控件库:MaterialSkin 采用 Google Material Design 风格,适合现代感界面;Krypton Toolkit 提供丰富控件,界面易于定制;Fluent Ribbon Control Suite 模仿 Office 界面,适合复杂功能应用。每款控件库均附有示例代码及 GitHub 链接。
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控件,该如何解决?
|
2月前
|
C# Android开发 iOS开发
一组.NET MAUI绘制的开源控件 - AlohaKit
一组.NET MAUI绘制的开源控件 - AlohaKit
|
3月前
|
开发框架 JavaScript 前端开发
|
5月前
|
开发框架 搜索推荐 前端开发
【.NET全栈】ASP.NET开发Web应用——Web部件技术
【.NET全栈】ASP.NET开发Web应用——Web部件技术
|
3月前
|
开发框架 前端开发 JavaScript
ASP.NET MVC 教程
ASP.NET 是一个使用 HTML、CSS、JavaScript 和服务器脚本创建网页和网站的开发框架。
44 7
|
3月前
|
存储 开发框架 前端开发
ASP.NET MVC 迅速集成 SignalR
ASP.NET MVC 迅速集成 SignalR
66 0
|
4月前
|
开发框架 前端开发 .NET
ASP.NET MVC WebApi 接口返回 JOSN 日期格式化 date format
ASP.NET MVC WebApi 接口返回 JOSN 日期格式化 date format
50 0
|
4月前
|
开发框架 前端开发 安全
ASP.NET MVC 如何使用 Form Authentication?
ASP.NET MVC 如何使用 Form Authentication?