一起谈.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)
目录
相关文章
|
1月前
|
SQL 开发框架 数据可视化
企业应用开发中.NET EF常用哪种模式?
企业应用开发中.NET EF常用哪种模式?
|
2月前
|
开发框架 JavaScript 前端开发
5个.NET开源且强大的快速开发框架(帮助你提高生产效率)
5个.NET开源且强大的快速开发框架(帮助你提高生产效率)
|
11天前
|
开发框架 前端开发 JavaScript
采用C#.Net +JavaScript 开发的云LIS系统源码 二级医院应用案例有演示
技术架构:Asp.NET CORE 3.1 MVC + SQLserver + Redis等 开发语言:C# 6.0、JavaScript 前端框架:JQuery、EasyUI、Bootstrap 后端框架:MVC、SQLSugar等 数 据 库:SQLserver 2012
|
1月前
|
开发框架 前端开发 .NET
进入ASP .net mvc的世界
进入ASP .net mvc的世界
29 0
|
1月前
|
数据安全/隐私保护 Windows
.net三层架构开发步骤
.net三层架构开发步骤
13 0
|
1月前
深入.net平台的分层开发
深入.net平台的分层开发
62 0
|
1月前
|
开发框架 中间件 .NET
C# .NET面试系列七:ASP.NET Core
## 第一部分:ASP.NET Core #### 1. 如何在 controller 中注入 service? 在.NET中,在ASP.NET Core应用程序中的Controller中注入服务通常使用<u>依赖注入(Dependency Injection)</u>来实现。以下是一些步骤,说明如何在Controller中注入服务: 1、创建服务 首先,确保你已经在应用程序中注册了服务。这通常在Startup.cs文件的ConfigureServices方法中完成。例如: ```c# services.AddScoped<IMyService, MyService>(); //
65 0
|
1月前
|
开发框架 前端开发 .NET
C# .NET面试系列六:ASP.NET MVC
<h2>ASP.NET MVC #### 1. MVC 中的 TempData\ViewBag\ViewData 区别? 在ASP.NET MVC中,TempData、ViewBag 和 ViewData 都是用于在控制器和视图之间传递数据的机制,但它们有一些区别。 <b>TempData:</b> 1、生命周期 ```c# TempData 的生命周期是短暂的,数据只在当前请求和下一次请求之间有效。一旦数据被读取,它就会被标记为已读,下一次请求时就会被清除。 ``` 2、用途 ```c# 主要用于在两个动作之间传递数据,例如在一个动作中设置 TempData,然后在重定向到另
100 5
|
2月前
|
开发框架 前端开发 .NET
福利来袭,.NET Core开发5大案例,30w字PDF文档大放送!!!
为了便于大家查找,特将之前开发的.Net Core相关的五大案例整理成文,共计440页,32w字,免费提供给大家,文章底部有PDF下载链接。
35 1
福利来袭,.NET Core开发5大案例,30w字PDF文档大放送!!!
|
2月前
|
SQL 开发框架 前端开发
ASP.NET WEB项目中GridView与Repeater数据绑定控件的用法
ASP.NET WEB项目中GridView与Repeater数据绑定控件的用法
34 0