LinkButton的自定义(未完成)

如有不明白的地方欢迎加QQ群14670545 探讨

没有处理完成啊,先把基本的提示效果放上来:

接着上面一节(样式表和部分代码请到前两节查看哦)

1.ICustomControl接口:

namespace CustomerWebControls
{
    /// <summary>
    /// 自定义控件的统一接口
    /// </summary>
    public interface ICustomControl
    {
        //...
    }
}

2.枚举类新增操作文本HandlerType:

namespace CustomerWebControls
{
    /// <summary>
    /// 按钮操作文本
    /// </summary>
    public enum HandlerType
    {
        新增,
        删除,
        修改,
        提交
    }
}

3.CCLinkButton类:

using System;
using System.ComponentModel;
using System.Web.UI.WebControls;

namespace CustomerWebControls
{
    public class CCLinkButton : LinkButton, ICustomControl
    {
        /// <summary>
        /// 是否增加客户端提示
        /// </summary>
        [Bindable(true), Category("Appearance"), DefaultValue(false), Localizable(true)]
        public bool ShowTip
        {
            get { return ViewState["ShowTip"] != null ? (bool)ViewState["ShowTip"] : false; }
            set { ViewState["ShowTip"] = value; }
        }
        /// <summary>
        /// 文本框的样式
        /// </summary>
        [Bindable(true), Category("Appearance"), DefaultValue(HandlerType.删除), Localizable(true)]
        public HandlerType LinkHandlerText
        {
            set { ViewState["LinkHandlerText"] = value; }
            get { return ViewState["LinkHandlerText"] != null ? (HandlerType)ViewState["LinkHandlerText"] : HandlerType.删除; }
        }

        protected override void OnPreRender(EventArgs e)
        {
            base.OnPreRender(e);
            this.Text = LinkHandlerText.ToString();
            if (Enabled)
            {
                string strOnClickJS = string.Empty;
                if (ShowTip)
                    strOnClickJS = "return confirm('确定要" + LinkHandlerText.ToString() + "吗?') ";

                if (!string.IsNullOrEmpty(strOnClickJS))
                    Attributes["onclick"] = strOnClickJS;
            }
            else
                this.Attributes.Remove("onclick");
        }
    }
}


4.生成一下,引用一下。页面上加一个样式表:

<style type="text/css">
    .link_btn{padding:5px 12px; letter-spacing:3px;}
</style>
拖一个CCLinkButton到页面上去,添加一下属性:

<cc1:CCLinkButton runat="server" ID="likbtnText" CssClass="submit link_btn" LinkHandlerText="删除" ShowTip="true"></cc1:CCLinkButton>
效果如下:


没有处理完,等会找个好点的弹窗完善一下界面,再增加回调处理就完美了


评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值