开发类似微软中国导航条的控件

王朝other·作者佚名  2006-11-24
窄屏简体版  字體: |||超大  

比较好看吧.

根据书上例子自己写了一下,用VS2005写,特别方便,代码如下

using System;

using System.ComponentModel;

using System.Web.UI;

using System.Web.UI.WebControls;

using System.Drawing;

namespace ClingingBoy

{

[DefaultProperty("text"),

ToolboxData("<{0}:Cingmenu runat=server>")]

///

/// cingmenu 的摘要说明

///

public class Cingmenu:WebControl

{

#region 定义变量

private string text = "";

private string href = "";

private string width = "20%";

private string height = "";

private string fontfamily = "宋体";

private string fontsize = "12px";

private string target = "_self";

private bool displayPipe = true;

#endregion

#region 构造函数

public Cingmenu():base(HtmlTextWriterTag.Div)

{

}

#endregion

#region 定义属性

[Description("该属性用于表示控件显示的文字内容"),

Bindable(true),

Category("Appearance"),

DefaultValue("")]

public string Text

{

get

{

return text;

}

set

{

text = value;

}

}

[Description("该属性用于表示控件的链接地址"),

Bindable(true),

Category("Appearance"),

DefaultValue("")]

public string Href

{

get

{

return href;

}

set

{

href = value;

}

}

[Description("该属性用于表示控件显示的文字大小"),

Bindable(true),

Category("Appearance"),

DefaultValue("12px")]

public string FontSize

{

get

{

return fontsize;

}

set

{

fontsize = value;

}

}

[Description("该属性用于表示控件显示的文字字体类型"),

Bindable(true),

Category("Appearance"),

DefaultValue("宋体")]

public string FontFamily

{

get

{

return fontfamily;

}

set

{

fontfamily = value;

}

}

[Description("该属性用于表示控件的链接的目标框架"),

Bindable(true),

Category("Appearance"),

DefaultValue("宋体")]

public string Target

{

get

{

return target;

}

set

{

target = value;

}

}

[Description("该属性用于表示控件是否显示分隔符 | "),

Bindable(true),

Category("Appearance"),

DefaultValue("true")]

public bool DisplayPipe

{

get

{

return displayPipe;

}

set

{

displayPipe = value;

}

}

#endregion

protected override void AddAttributesToRender(HtmlTextWriter output)

{

//定义控件div的样式style="WHITE-SPACE: nowrap;BORDER-TOP: #999 1px solid;BACKGROUND: #f1f1f1; PADDING-BOTTOM: 2px; PADDING-TOP: 1px; BORDER-BOTTOM: #999 1px solid"

output.AddStyleAttribute(HtmlTextWriterStyle.BackgroundColor, "#f1f1f1");

output.AddStyleAttribute("white-space", "nowrap");

output.AddStyleAttribute("BORDER-TOP", "#999 1px solid");

output.AddStyleAttribute("BORDER-BOTTOM", "#999 1px solid");

output.AddStyleAttribute("PADDING-BOTTOM", "2px");

output.AddStyleAttribute("PADDING-TOP", "2px");

output.AddStyleAttribute("WIDTH", width);

output.AddStyleAttribute("HEIGHT", height);

base.AddAttributesToRender(output);

}

///

/// 呈现控件的方法RenderContents

///

protected override void RenderContents(HtmlTextWriter output)

{

//定义样式

output.AddStyleAttribute(HtmlTextWriterStyle.Width, "10px");

output.AddStyleAttribute(HtmlTextWriterStyle.FontSize, fontsize);

output.AddStyleAttribute(HtmlTextWriterStyle.FontFamily, fontfamily);

output.RenderBeginTag(HtmlTextWriterTag.Span);

//定义样式

////onmouseover="this.style.cssText=’color:black;text-decoration:none;BORDER: #999 1px solid; DISPLAY: block; PADDING-RIGHT: 6px; PADDING-LEFT: 6px; PADDING-BOTTOM: 2px; PADDING-TOP: 2px;BACKGROUND: #ccc; ’"

//style="color:black;text-decoration:none;BORDER: #f1f1f1 1px solid;DISPLAY: block; PADDING-RIGHT: 6px; PADDING-LEFT: 6px; PADDING-BOTTOM: 2px;PADDING-TOP: 2px;" href="http://localhost">文字内容

output.AddStyleAttribute(HtmlTextWriterStyle.Color, "black");

output.AddStyleAttribute(HtmlTextWriterStyle.TextDecoration, "none");

output.AddStyleAttribute("BORDER", "#f1f1f1 1px solid");

output.AddStyleAttribute("DISPLAY", "block");

output.AddStyleAttribute("PADDING-RIGHT", "6px");

output.AddStyleAttribute("PADDING-LEFT", "6px");

output.AddStyleAttribute("PADDING-BOTTOM", "2px");

output.AddStyleAttribute("PADDING-TOP", "2px");

output.AddAttribute("onmouseout", "this.style.cssText=’color:black;text-decoration:none;BORDER: #f1f1f1 1px solid; DISPLAY: block; PADDING-RIGHT: 6px;PADDING-LEFT: 6px; PADDING-BOTTOM: 2px; PADDING-TOP: 2px; ’");

output.AddAttribute("onmouseover", "this.style.cssText=’color:black;text-decoration:none;BORDER: #999 1px solid; DISPLAY: block; PADDING-RIGHT: 6px; PADDING-LEFT: 6px; PADDING-BOTTOM: 2px; PADDING-TOP: 2px;BACKGROUND: #ccc; ’");

//定义属性Href,Target

output.AddAttribute(HtmlTextWriterAttribute.Href, href);

output.AddAttribute(HtmlTextWriterAttribute.Target, target);

output.RenderBeginTag(HtmlTextWriterTag.A);

output.Write(text);

if (displayPipe)

{

output.AddStyleAttribute(HtmlTextWriterStyle.Color, "#a9a9a9");

output.AddStyleAttribute("FONT", "70%");

output.AddStyleAttribute(HtmlTextWriterStyle.FontSize, fontsize);

output.AddStyleAttribute("PADDING-RIGHT", "3px");

output.AddStyleAttribute("PADDING-LEFT", "3px");

output.RenderBeginTag(HtmlTextWriterTag.Span);

output.Write("|");

output.RenderEndTag();

}

else

{

output.RenderBeginTag(HtmlTextWriterTag.Span);

output.Write(" ");

output.RenderEndTag();

}

output.RenderEndTag();

output.RenderEndTag();

//定义分隔符及样式

//使用默认逻辑来呈现子控件

base.RenderContents(output);

}

}

}

前台的

@ Page Language="C#" %>

@ Register Assembly="CingMenu" Namespace="ClingingBoy" TagPrefix="cc2" %>

DOCTYPE html PUBLIC "-//W3C//DTD

[1] [2] 下一页

 
 
 
免责声明:本文为网络用户发布,其观点仅代表作者个人观点,与本站无关,本站仅提供信息存储服务。文中陈述内容未经本站证实,其真实性、完整性、及时性本站不作任何保证或承诺,请读者仅作参考,并请自行核实相关内容。
 
 
© 2005- 王朝網路 版權所有 導航