统一项目按钮外观

统一项目按钮外观

一种最简单的方法就是扩展Button。
这里我们举例用最常用的按钮、Add，Edit、Delete
Add一般是跳转URL，Edit也是跳转URL，Delete一般需要后台处理。
以下是源代码，请大家多多提意见。
   

/// <summary>
    /// 
    /// </summary>
    [
     ToolboxBitmap(typeof(TDButton), "WebximumWebControl.TDButton.bmp"),
     Designer(typeof(WebximumWebControl.TDButtonDesigner)),
    ]
    public class TDButton : Button
    {
        /// <summary>
        /// 超级链接
        /// </summary>
        public string URL
        {
            get
            {
                if (ViewState["URL"] == null)
                {
                    return string.Empty;
                }
                else
                {
                    return Convert.ToString(ViewState["URL"]);
                }
            }
            set
            {
                ViewState["URL"] = value;
            }
        }
        /// <summary>
        /// 
        /// </summary>
        public TDButton()
        {
            this.Width = new Unit(60);
        }

        /// <summary>
        /// 
        /// </summary>
        /// <param name="writer"></param>
        protected override void AddAttributesToRender(System.Web.UI.HtmlTextWriter writer)
        {
            base.AddAttributesToRender(writer);
            writer.AddStyleAttribute(HtmlTextWriterStyle.Display, "none");
        }

        private bool _IsParentWindowOpen = false;
        /// <summary>
        /// 父窗口打开
        /// </summary>
        public bool IsParentWindowOpen
        {
            get
            {
                return this._IsParentWindowOpen;
            }
            set
            {
                this._IsParentWindowOpen = value;
            }
        }

        /// <summary>
        /// 
        /// </summary>
        /// <param name="writer"></param>
        protected override void Render(System.Web.UI.HtmlTextWriter writer)
        {
            if (string.IsNullOrEmpty(this.URL))
            {
                base.Render(writer);
                writer.Write("<a href='JavaScript:' onclick=\"document.getElementById('" + 

this.ClientID + "').click();\">"
                                                        + "<table width='" + Width + "' border='0' 

cellpadding='0' cellspacing='0'>"
                                                          + "<tr>"
                                                          + "<td align='center' valign='middle' 

class='btsearch' style='cursor: pointer; height: 19px;'>"
                                                          + this.Text
                                                                + "</td>"
                                                            + "</tr>"
                                                        + "</table>"
                                                    + "</a>");
            }
            else
            {                
                string strHTML = "<a href='JavaScript:' onclick=\"{0}='" + this.URL + "'\">"
                               + "<table width='" + Width + "' border='0' cellpadding='0' 

cellspacing='0'>"
                                 + "<tr>"
                                 + "<td align='center' valign='middle' class='btsearch' style='cursor: 

pointer; height: 19px;'>"

                                 + this.Text

                                       + "</td>"
                                   + "</tr>"
                               + "</table>"
                           + "</a>";
                if (this.IsParentWindowOpen)
                {
                    writer.Write(string.Format(strHTML, "window.parent.document.location"));
                }
                else
                {
                    writer.Write(string.Format(strHTML, "document.location"));
                }
            }
           
        }
    }

    /// <summary>
    /// 
    /// </summary>
    public class TDButtonDesigner : ControlDesigner
    {
        /// <summary>
        /// 
        /// </summary>
        /// <returns></returns>
        public override string GetDesignTimeHtml()
        {

            TDButton oTDButton = (TDButton)this.Component;
            return ("<a href='JavaScript:' onclick='document.location='" + oTDButton.URL + "' >"
                                               + "<table width='60' border='0' cellpadding='0' 

cellspacing='0'>"
                                                 + "<tr>"
                                                 + "<td align='center' valign='middle' 

class='btsearch' style='cursor: pointer; height: 19px;'>"
                                                 + oTDButton.Text
                                                       + "</td>"
                                                   + "</tr>"
                                               + "</table>"
                                           + "</a>");
        }
    }
posted @ 2008-07-12 12:04 突破自己 阅读(236) 评论(4)  编辑 收藏 所属分类: 控件开发

  回复  引用    
#1楼 2008-07-12 12:57 | 放放1 [未注册用户]
这个Button好像不能回发?
  回复  引用  查看    
#2楼 [楼主]2008-07-12 22:13 | 突破自己      
继承Button，当然支持回发。
  回复  引用  查看    
#3楼 2008-07-12 23:36 | 代码乱了      
最好是支持text的前面加一个小图标，其实可以不必从button继承
  回复  引用  查看    
#4楼 [楼主]2008-07-13 13:47 | 突破自己      
@代码乱了
当然可以不必从button继承，但是继承是最简单的实现方法。当然也可以继承WebControl跟IPostBackEventHandler来实现。
在Text前面加个小图标也是可以实现的

标题  
姓名  
主页
Email (只有博主才能看到) 
验证码 *  看不清,换一张 [登录][注册]
内容(请不要发表任何与政治相关的内容)  
  登录  使用高级评论  新用户注册  返回页首  恢复上次提交      
该文被作者在 2008-07-16 01:56 编辑过
 
最新IT新闻:
· 第一财经周刊:当前互联网世界正处无秩序时代
· Visual Studio 2008 SDK 1.1 发布
· 死敌VMware变身微软认证计划新成员
· 英特尔雅虎开发网络计算机频道
· Windows Live视频邮件9月9日开始测试
博客园新闻频道  博客园首页  社区