Question

我想动态创建链接按钮并将它们链接到转发器中的锚点。这是我试过的：

            int listItemIds = 1;
            List<CompanyModel1> companies1 = new List<CompanyModel1>();
            for (int ar = 0; ar < arrProcess.Length; ar++)
            {
                LinkButton lnk = new LinkButton();
                lnk.ID = "lnk" + listItemIds;
                lnk.Text = arrProcess[ar];
                lnk.Attributes.Add("onClick", "return false;"); //This is to prevent the page to reload
                lnk.Click += new System.EventHandler(this.colorClick); 
                lnk.CommandArgument = Convert.ToString(ar); //LinkButton CommandArgument
                lnk.CommandName = Convert.ToString(ar); //LinkButton CommanName
                lnk.Command += new CommandEventHandler(lb_Command);//
                listItemIds++;
                PlaceHolder1.Controls.Add(lnk); // Adding the LinkButton in PlaceHolder

和

 protected void colorClick(object o, EventArgs e)
    {
        LinkButton lnk = (LinkButton)o;
        lnk.Style["font-weight"] = "bold";

        //Process clicked link. for example jump to anchors
    }

在我的aspx文件中，我创建了占位符以将链接按钮填充到：

 <div>
<asp:PlaceHolder ID="PlaceHolder1" runat="server"></asp:PlaceHolder>
</div>

我想阻止页面重新加载，以便我绑定到转发器的结果仍然存在。但我没有看到按钮链接改变。我想让它改变颜色和字体样式，以便我们知道它被点击了。更多的是我希望它在点击时跳转到锚点。但我不知道如何创建锚点。你对此有什么想法吗？谢谢！

Answer 1

如果从代码中删除以下行，它应该可以正常工作。

lnk.Attributes.Add("onClick", "return false;");

如果你的页面加载有IsPostBack检查，还需要删除。

工作代码：

protected void Page_Load(object sender, EventArgs e)
    {

        string[] arrProcess = new[] { "link 1", "link 2", "link 3" };
        int listItemIds = 1;
        // List<CompanyModel1> companies1 = new List<CompanyModel1>();
        for (int ar = 0; ar < arrProcess.Length; ar++)
        {
            LinkButton lnk = new LinkButton();
            lnk.ID = "lnk" + listItemIds;

            lnk.Text = arrProcess[ar];
            //lnk.Attributes.Add("onClick", "var btn = document.getElementById('"+lnk.ID+"');btn.innerHTML = 'Default Text';btn.innerHTML.style.fontWeight = 'bold';return false;"); //This is to prevent the page to reload
            lnk.Click += new System.EventHandler(this.colorClick);
            lnk.CommandArgument = Convert.ToString(ar); //LinkButton CommandArgument
            lnk.CommandName = Convert.ToString(ar); //LinkButton CommanName
            //lnk.Command += new CommandEventHandler(lnk_Command);
            listItemIds++;
            PlaceHolder1.Controls.Add(lnk); // Adding the LinkButton in PlaceHolder
            PlaceHolder1.Controls.Add(new LiteralControl("<br />"));
        }

    }



    protected void colorClick(object o, EventArgs e)
    {
        LinkButton lnk = (LinkButton)o;
        lnk.Style["font-weight"] = "bold";

        //Process clicked link. for example jump to anchors
    }

<强>更新

您可以使用下面的更新面板停止整页回发。这仍将调用页面加载，但部分回调。

 <asp:UpdatePanel ID="UpdatePanel1" runat="server" UpdateMode="Conditional">
    <ContentTemplate>
        <div>
            <asp:PlaceHolder ID="PlaceHolder1" runat="server"></asp:PlaceHolder>
        </div>

    </ContentTemplate>

</asp:UpdatePanel>

您还需要添加脚本管理器的母版页。

Answer 2

您必须使用 OnClientClick 事件。和服务器来获得它。

lnk.Attributes.Add("OnClientClick","window.open('Command.aspx','width=400,Height=400,top=200,left=200'); return false;");

此示例打开一个链接。你可以改变它的颜色。

更新1：要使用重新加载页面进行调用，请使用此功能。

jquery代码：

$.ajax({
  type: "POST",
  url: "_Default.aspx/GetDate",
  data: "{}",
  contentType: "application/json; charset=utf-8",
  dataType: "json",
  success: function(msg) {
    // Do something interesting here.
  }
});

asp.net代码：

public partial class _Default : Page 
{
  [WebMethod]
  public static string GetDate()
  {
    return DateTime.Now.ToString();
  }
}

Answer 3

行。我现在得到了你想要的东西。执行以下步骤。

我们必须改变你的后端。我使用的是Hyper Link而不是Link按钮。

protected void Page_Load(object sender, EventArgs e)
    {

        string[] arrProcess = new[] { "link 1", "link 2", "link 3" };
        int listItemIds = 1;
        // List<CompanyModel1> companies1 = new List<CompanyModel1>();
        for (int ar = 0; ar < arrProcess.Length; ar++)
        {
            HyperLink lnk = new HyperLink();
            lnk.ID = "lnk" + listItemIds;
            lnk.ClientIDMode = ClientIDMode.Static;
            lnk.NavigateUrl = "#";
            lnk.Text = arrProcess[ar];
            lnk.Attributes.Add("onClick", "changeControlStyle('" + lnk.ClientID + "');"); //This is to prevent the page to reload
            listItemIds++;
            PlaceHolder1.Controls.Add(lnk); // Adding the LinkButton in PlaceHolder
            //PlaceHolder1.Controls.Add(new LiteralControl("<br />"));
        }


    }

然后我在页面上添加了一个javascript方法。将在后面的代码中使用。

<script type="text/javascript">
    function changeControlStyle(id) {
        document.getElementById(id).style.fontWeight = "bold";
    }
</script>
<div>
    <asp:PlaceHolder ID="PlaceHolder1" runat="server"></asp:PlaceHolder>
</div>

如何更改链接按钮的颜色并将它们链接到c＃中的锚点

3 个答案: