望穿秋水
管理&技术&业务 项目管理方面:加强通过工具辅助管理,构建Web项目管理系统来协助项目管理。技术开发方面:加强系统分析能力、架构设计能力,时刻把握新技术动态。业务方面:加强需求分析能力,使最终需求来源于客户又高于客户。
    .NET2.0中skin的使用简化了网站整体外观的建设工作,为程序员节省不少精力。
    在skin文件中.NET自带的各种控件是可以直接设置样式的,可是如果是自己开发的控件,能不能用skin来统一样式呢?
    今天在部署项目的skin时候,发现了这个问题,使用了自定义的YYControl的smartgridview控件,把下面样式放到.skin文件中报错:“错误 1 未知的服务器标记“yyc:smartgridview”。”
<yyc:smartgridview runat="server" GridLines="None" Width="100%">
            
<RowStyle HorizontalAlign="Left" />
            
<HeaderStyle HorizontalAlign="Left" CssClass="title" />
            
<AlternatingRowStyle BackColor="#F9FFF6" />
</yyc:smartgridview>
于是就想到在.skin文件注册这个控件:加上下面代码就OK了:
<%@ Register Assembly="YYControls" Namespace="YYControls" TagPrefix="yyc" %>

这个控件实际上是继承了自带的GridView控件,所以其大部分默认属性都和GridView一样,可以在skin文件中定义样式。查了一下资料发现要是自己开发的用户控件,要想在skin中能够对某个属性定义样式,只需要在其属性前添加[Themeable(true)]即可。
如下面的样例:
  这是一个用来刷新页面的一个自定义的ImageButton,其好处是刷新当前页,动作的触发是在客户端利用脚本来完成,不需要写任何程序代码:
using System;
using System.Web.UI;
using System.Web.UI.WebControls;
using System.Web.UI.HtmlControls;
using System.ComponentModel;
using System.Drawing;
using System.Drawing.Design;
using System.IO;
using System.Reflection;
using System.Collections;
using System.Web.UI.Design;
using System.Web;
using System.Text; 

namespace G3CustomControls
{
    
public class RefreshButton:WebControl
    
{
        
protected override void Render(HtmlTextWriter writer)
        
{
            writer.Write(
"<img src=''''" + ImageUrl.Replace("~/"""+ "'''' style=''''cursor:hand'''' onclick=''''window.location=window.location''''>");
        }


        [DefaultValue(
""), Themeable(true), Category("Appearance"), Description("RefreshButton_ImageUrl"), UrlProperty, Editor("System.Web.UI.Design.ImageUrlEditor, System.Design, Version=2.0.0.0, Culture=neutral, PublicKeyToken=b03f5f7f11d50a3a"typeof(UITypeEditor)), Bindable(true)]
        
public virtual string ImageUrl
        
{
            
get
            
{
                
string imageUrl = (string)this.ViewState["ImageUrl"];
                
if (imageUrl != null)
                
{
                    
return imageUrl;
                }

                
return string.Empty;
            }

            
set
            
{
                
this.ViewState["ImageUrl"= value;
            }

        }

    }

}

主题的Skin文件配置如下:
<%@ Register Assembly="G3CustomControls" Namespace="G3CustomControls" TagPrefix="cc1" %>
  
<cc1:CloseButton runat="server" ImageUrl="~/App_Themes/Blue/images/button_Close.gif"></cc1:CloseButton>
  
<cc1:RefreshButton runat="server" ImageUrl="~/App_Themes/Blue/images/button_Refresh.gif"></cc1:RefreshButton>
  
<cc1:RefreshButton runat="server" SkinId= "RefreshButton2" ImageUrl="~/App_Themes/Blue/images/button_Refresh2.gif"></cc1:RefreshButton>
posted on 2008-01-05 16:12  望穿秋水  阅读(1491)  评论(3编辑  收藏  举报