科技行者

行者学院 转型私董会 科技行者专题报道 网红大战科技行者

知识库

知识库 安全导航

至顶网软件频道基础软件ASP.NET 2.0服务器控件开发之控件样式

ASP.NET 2.0服务器控件开发之控件样式

  • 扫一扫
    分享文章到微信

  • 扫一扫
    关注官方公众号
    至顶头条

本文及其随后的几篇文章将重点介绍如何为服务器控件实现漂亮的外观。

作者:金属边缘 来源:天极开发 2007年11月6日

关键字: Windows

  • 评论
  • 分享微博
  • 分享邮件
重写样式属性

  样式属性的重载与其他属性的重载没有什么区别。然而,在实现过程中必须注意的是,对属性值所作的修改必须上传给控件的ControlStyle属性。下面列举了一个示例应用程序,其重写了Table控件的样式属性CellSpacing和Caption。服务器控件源代码如下所示。

using System;
using System.Collections.Generic;
using System.ComponentModel;
using System.Text;
using System.Web;
using System.Web.UI;
using System.Web.UI.WebControls;
namespace WebControlLibrary{
 [DefaultProperty("Text")]
 [ToolboxData("<{0}:WebCustomControl runat=server></{0}:WebCustomControl>")]
 public class WebCustomControl : Table {
  //创建构造函数
  public WebCustomControl() {
   base.Caption = "工作安排列表";
   base.CellSpacing = 0;
  }
  // 重写CellSpacing属性
  [ Bindable(false), Browsable(false), DefaultValue(0) ]
  public override int CellSpacing {
   get {
    return base.CellSpacing;
   }
   set {
    throw new NotSupportedException("不能设置CellSpacing属性.");
   }
  }
  //重写Caption属性
  [DefaultValue("工作安排列表")]
  public override string Caption {
   get { return base.Caption; }
   set { base.Caption = value; }
  }
 }
}

  以上代码主要用于说明重写样式属性的实现方法。具体分析如下所示。

  (1)控件类WebCustomControl继承自Table。这样,自定义控件则自动继承了Table控件所具有的所有样式属性。这为重写样式属性奠定了基础。

  (2)在控件类的构造函数中设置了Caption和CellSpacing的属性值。

  (3)重写CellSpacing属性。通过元数据属性标记设置了该属性不可被数据绑定(Bindable),告诉设计器该属性不可被浏览(Browsable),最后设置了默认值为0(DefaultValue)。另外,在CellSpacing属性的设置操作中定义了一个异常。当开发人员设置该属性时将显示该异常。

  (4)重写Caption属性,为该属性设置默认值。

  可能有些读者认为构造函数的设置内容没有什么意义。实际上,实现本例的核心就在于此。只有在构造函数中设置新的属性值,才能够将新值传递给ControStyle属性。因为ControlStyle属性主要完成的工作是负责样式状态管理以及样式属性的生成。如果没有把改变传到ControlStyle,那么重写的样式属性就不会按照预期的那样显示。

  下面列举了为测试自定义控件WebCustomControl而创建的Default.aspx页面源代码。

<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default.aspx.cs" Inherits="_Default" %>
<%@ Register TagPrefix="wcc" Namespace="WebControlLibrary" Assembly="WebControlLibrary" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title>重写样式属性</title>
</head>
<body>
 <form id="form1" runat="server">
  <div>
  <wcc:WebCustomControl ID="demo1" runat="server" Font-Size="small" BorderWidth="1px" CellPadding="4" BorderColor="black" GridLines="both">
  <asp:TableRow>
   <asp:TableCell font-bold="True" runat="server">工作项目</asp:TableCell>
   <asp:TableCell font-bold="True" runat="server">截至日期</asp:TableCell>
   <asp:TableCell font-bold="True" runat="server">备注</asp:TableCell>
  </asp:TableRow>
  <asp:TableRow runat="server">
   <asp:TableCell runat="server">工作1</asp:TableCell>
   <asp:TableCell runat="server">7月17日</asp:TableCell>
   <asp:TableCell runat="server">备注内容</asp:TableCell>
  </asp:TableRow>
  <asp:TableRow runat="server">
   <asp:TableCell runat="server">工作2</asp:TableCell>
   <asp:TableCell runat="server">7月27日</asp:TableCell>
   <asp:TableCell runat="server">备注内容</asp:TableCell>
  </asp:TableRow>
  <asp:TableRow runat="server">
   <asp:TableCell runat="server">工作3</asp:TableCell>
   <asp:TableCell runat="server">7月29日</asp:TableCell>
   <asp:TableCell runat="server">备注内容</asp:TableCell>
  </asp:TableRow>
 </wcc:WebCustomControl>
</div>
</form>
</body>
</html>

  下面显示了示例应用效果图。


  根据Default.aspx源代码以及应用效果图可知,上图中的表格标题(Caption),以及相邻表格间距(CellSpacing)均由自定义控件内置设置,而不是通过控件的显式标记来完成。这就是重写控件样式属性的结果。

  小结

  本文首先对服务器控件样式的基本知识进行了简要介绍,然后,通过一个典型示例说明了重写控件样式属性的方法。希望读者通过这些内容,能够对服务器控件样式属性建立一个更为深入的理解。在随后的文章中,我们将讲解实现样式属性的具体方法。

查看本文来源

    • 评论
    • 分享微博
    • 分享邮件
    闂傚倸鍊搁崐鎼佸磹妞嬪孩顐介柨鐔哄Т閻骞栧ǎ顒€濡肩紒鎰殜閺岋繝宕堕埡浣锋睏闂佸搫顑呴柊锝夊蓟閺囷紕鐤€閻庯綆浜炴禒鐐節濞堝灝鐏犻柕鍫熸倐瀵寮撮敍鍕澑闁诲函缍嗘禍鏍磻閹捐鍐€妞ゆ挶鍔庣粙蹇涙⒑鐠恒劌娅愰柟鍑ゆ嫹

    婵犵數濮烽弫鍛婃叏閻戝鈧倹绂掔€n亞鍔﹀銈嗗坊閸嬫捇鏌涢悢閿嬪仴闁糕斁鍋撳銈嗗坊閸嬫挾绱撳鍜冭含妤犵偛鍟灒閻犲洩灏欑粣鐐烘⒑瑜版帒浜伴柛鎾寸洴閹儳煤椤忓應鎷洪梻鍌氱墛閸楁洟宕奸妷銉ф煣濠电姴锕ょ€氼參宕h箛鏃傜瘈濠电姴鍊绘晶娑㈡煕鐎c劌濡介柕鍥у瀵粙濡歌閳ь剚甯¢弻鐔兼寠婢跺﹥娈婚梺鍝勭灱閸犳牠骞冨⿰鍫濈厸闁稿本绋撹ぐ瀣煟鎼淬値娼愭繛鍙壝悾婵堢矙鐠恒劍娈鹃梺鍓插亝濞叉牠鎮″☉銏$厱閻忕偛澧介惌瀣箾閸喐鍊愭慨濠勭帛閹峰懐绮电€n亝鐣伴梻浣规偠閸斿宕¢崘鑼殾闁靛繈鍊曢崘鈧銈嗗姂閸庡崬鐨梻鍌欑劍鐎笛呯矙閹寸姭鍋撳鐓庡籍鐎规洑鍗冲畷鍗炍熼梹鎰泿闂備線娼ч悧鍡涘箠鎼淬垺鍙忔い鎺嗗亾闁宠鍨块崺銉╁幢濡炲墽鍑规繝鐢靛О閸ㄦ椽鏁嬮柧鑽ゅ仦娣囧﹪濡堕崨顔兼闂佺ǹ顑呴崐鍦崲濞戙垹骞㈡俊顖濐嚙绾板秹鏌f惔銏e妞わ妇鏁诲璇差吋閸偅顎囬梻浣告啞閹搁箖宕版惔顭戞晪闁挎繂顦介弫鍡椼€掑顒婂姛闁活厽顨嗙换娑㈠箻閺夋垹鍔伴梺绋款儐閹瑰洭寮婚敐鍛婵炲棙鍔曠壕鎶芥⒑閸濆嫭婀扮紒瀣灴閸╃偤骞嬮敃鈧婵囥亜閺囩偞鍣洪柍璇诧功缁辨捇宕掑▎鎴濆濡炪們鍔岄幊姗€骞嗗畝鍕<闁绘劙娼х粊锕傛煙閸忚偐鏆橀柛鏂跨焸閹偤宕归鐘辩盎闂佸湱鍎ら崹鐢割敂閳哄懏鍊垫慨姗嗗墻濡插綊鏌曢崶褍顏€殿喕绮欐俊姝岊槼闁革絻鍎崇槐鎾存媴缁涘娈┑鈽嗗亝缁诲牆顕f繝姘亜缁炬媽椴搁弲锝夋偡濠婂啰效闁诡喗锕㈤幊鐘活敆閸屾粣绱查梺鍝勵槸閻楀嫰宕濇惔锝囦笉闁绘劗鍎ら悡娑㈡倶閻愯泛袚闁哥姵锕㈤弻鈩冩媴閻熸澘顫掗悗瑙勬礈閸犳牠銆佸鈧幃鈺呮惞椤愩倝鎷婚梻鍌氬€峰ù鍥х暦閸偅鍙忛柟鎯板Г閳锋梻鈧箍鍎遍ˇ顖炲垂閸岀偞鐓㈡俊顖滃皑缁辨岸鏌ㄥ┑鍡╂Ц缂佲偓鐎n偁浜滈柡宥冨妿閳藉绻涢崼鐔虹煉婵﹨娅e☉鐢稿川椤斾勘鈧劕顪冮妶搴′簼婵炶尙鍠栧畷娲焵椤掍降浜滈柟鍝勬娴滈箖姊洪幐搴㈢┛濠碘€虫搐鍗遍柟鐗堟緲缁秹鏌涢锝囩畼妞ゆ挻妞藉铏圭磼濡搫顫岄悗娈垮櫘閸撴瑨鐏冮梺鍛婁緱閸犳岸宕㈤幖浣光拺闁告挻褰冩禍浠嬫煕鐎n亜顏柟顔斤耿閺佸啴宕掑☉姘箞闂佽鍑界紞鍡涘磻閸℃ɑ娅犳い鎺戝€荤壕濂告煕鐏炲墽鈽夌紒妞﹀洦鐓欓柣鐔告緲椤忣參鏌熼悡搴㈣础闁瑰弶鎸冲畷鐔兼濞戞瑦鐝¢梻鍌氬€搁崐椋庣矆娓氣偓楠炴牠顢曢妶鍌氫壕婵ê宕崢瀵糕偓瑙勬礀缂嶅﹪寮婚崱妤婂悑闁告侗鍨界槐閬嶆煟鎼达紕鐣柛搴ㄤ憾钘濆ù鍏兼綑绾捐法鈧箍鍎遍ˇ浼存偂閺囥垺鐓涢柛銉e劚婵$厧顭胯閸ㄤ即婀侀梺缁樓圭粔顕€顢旈崼鐔虹暢闂傚倷鐒︾€笛呮崲閸屾娑樜旈崨顓犲幒闂佸搫娲㈤崹娲偂閸愵亝鍠愭繝濠傜墕缁€鍫熸叏濡寧纭鹃柦鍐枛閺屾洘绻涜鐎氱兘宕戦妸鈺傗拺缂備焦锚婵洦銇勯弴銊ュ籍闁糕斂鍨藉鎾閳ユ枼鍋撻悽鍛婄叆婵犻潧妫楅埀顒傛嚀閳诲秹宕堕妸锝勭盎闂婎偄娲︾粙鎰板箟妤e啯鐓涢悘鐐靛亾缁€瀣偓瑙勬礋娴滃爼銆佸鈧幃銏$附婢跺澶�

    重磅专题
    往期文章
    最新文章