如何添加javascript代码到LinkButton通过服务器代码c#

本文关键字:代码 LinkButton 服务器 javascript 何添加 添加 | 更新日期: 2023-09-27 18:13:46

我正在创建一个带有链接按钮的可视化web部件,链接按钮应该打开一个模态弹出窗口。

我已经定义了函数,但我不确定如何使链接按钮触发javascript函数。

请参阅CreateChildControls方法

    <asp:Content ID="Content1" ContentPlaceHolderId="PlaceHolderAdditionalPageHead" runat="server">
        <script type="text/javascript">
            function dialogfunction(pageUrl) {
                var options = { url: pageUrl, width: 900, height: 300 };
                SP.SOD.execute('sp.ui.dialog.js', 'SP.UI.ModalDialog.showModalDialog', options);
            }
        </script>
    </asp:Content>
    <asp:LinkButton ID="LnkButton" runat="server"></asp:LinkButton>

  public partial class LinkButton : WebPart
    {
        // Visual Studio might automatically update this path when you change the
        // Visual Web Part project item.
        private const string _ascxPath =@"~/_CONTROLTEMPLATES/VisualWebParts/LinkButton/LinkButton.ascx";
        private string _LinkText;
        private Uri _Link;

        [WebBrowsable(true), WebDisplayName("LinkText"), WebDescription("Text for the link"),
        Personalizable(PersonalizationScope.Shared), Category("xx- xx"),
        System.ComponentModel.DefaultValue("")]
        public string LinkText
        {
            get { return _LinkText; }
            set { _LinkText = value; }
        }
        [WebBrowsable(true), WebDisplayName("Link"), WebDescription("Link"),
        Personalizable(PersonalizationScope.Shared), Category("xx- xx"),
        System.ComponentModel.DefaultValue("")]
        public Uri Link
        {
            get { return _Link; }
            set { _Link = value; }
        }
        // Uncomment the following SecurityPermission attribute only when doing Performance Profiling on a farm solution
        // using the Instrumentation method, and then remove the SecurityPermission attribute when the code is ready
        // for production. Because the SecurityPermission attribute bypasses the security check for callers of
        // your constructor, it's not recommended for production purposes.
        // [System.Security.Permissions.SecurityPermission(System.Security.Permissions.SecurityAction.Assert, UnmanagedCode = true)]
        public LinkButton()
        {
        }
        protected override void OnInit(EventArgs e)
        {
            base.OnInit(e);
            InitializeControl();
        }
        protected void Page_Load(object sender, EventArgs e)
        {
        }
        protected override void CreateChildControls()
        {
            LinkButton linkButton = Page.LoadControl(_ascxPath) as LinkButton;
            if (linkButton != null)
            {
                linkButton.Title = LinkText;
                linkButton.TitleUrl = Link.ToString();
                Controls.Add(linkButton);
            }           
        }
    }

如何添加javascript代码到LinkButton通过服务器代码c#

只需在代码中添加一行:

linkButton.Attributes.Add("onclick", "dialogfunction('" + Link.ToString() + "');");

你可以设置你的链接按钮的onclick属性为javascript:

protected override void CreateChildControls()
        {
            LinkButton linkButton = Page.LoadControl(_ascxPath) as LinkButton;
            if (linkButton != null)
            {
                linkButton.Title = LinkText;
                linkButton.TitleUrl = Link.ToString();
                /*************************************************************/
                /* you can replace "alert('test');" with any javascript
                i.e a function call */
                linkButton..Attributes.Add("onclick", "alert('test'); ");
                /*************************************************************/
                Controls.Add(linkButton);
            }           
        }

你可以定义一个LinkOnClientClick属性,类似于你的LinkText属性,并使用它来设置LinkButton的OnClientClick属性。

public string LinkOnClientClick
{
    get; set;
}
protected override void CreateChildControls()
{
   LinkButton linkButton = Page.LoadControl(_ascxPath) as LinkButton;
   if (linkButton != null)
   {
         linkButton.Title = LinkText;
         linkButton.TitleUrl = Link.ToString();
         linkButton.OnClientClick = LinkOnClientClick;
         Controls.Add(linkButton);
   }           
}