2016-07-14 146 views
0

我有一個鏈接按鈕,我想把一個超鏈接,點擊按鈕時調用彈出div。是否有可能添加一個超鏈接到ASP LinkBut​​ton

ASP的LinkBut​​ton的聲明爲這樣:

<TD Class="SpreadSheet"<ASP:LinkButtonID="lbtnViewUsers_Edit" Text="Edit" Runat="Server" onclick="#Upload"/></TD> 

,並彈出被稱爲是

<div id="Upload" class="overlay" runat="server"> 
    <div class="popup"> 
     <h2>Edit User &nbsp </h2> 
      <a class="close" href="#">&times;</a> 
       <div class="content"> 
       <!-- content --> 
       </div> 
    </div> 
</div> 

有沒有把那種href = "#Upload"的鏈接按鈕的方法嗎?

+0

目前尚不清楚你想要做什麼。 「LinkBut​​ton」已經呈現爲超鏈接。將鏈接放在鏈接內*通常是一個壞主意(可能完全無效)。你究竟想在這裏完成什麼?如果'LinkBut​​ton'無論如何回到服務器,那麼你打算通過打開一個模式完成什麼?該頁面將從帖子後面刷新。 – David

+0

如果所有你想要的是打開一個模式,你不需要服務器端鏈接按鈕,你可以使用正常的鏈接 – Massanu

+0

我希望它能夠打開彈出時點擊按鈕 –

回答

1

你正在尋找的是一個模型流行。 Asp.net Ajax工具包有一個,您可以在here瞭解更多。我創建了一個如何使用此模型彈出窗口的簡單示例。記住,你首先要對工具包添加到您的asp.net項目(可以使用的NuGet這個包管理器),並使用

<%@ Register Assembly="AjaxControlToolkit" Namespace="AjaxControlToolkit" TagPrefix="ajaxToolkit" %> 

註冊控件到頁面中使用型號彈出擴展的特性展現並保存您的每條記錄數據。

<asp:Panel ID="pnlpopup" runat="server" Width="400px"> 
    <asp:Panel ID="headerPanel" runat="server">Header text Here </asp:Panel> 
    <div class="form-group"> 
     <asp:Label ID="Label1" runat="server" Text="lable 1"></asp:Label> 
     <asp:TextBox ID="TextBox1" runat="server"></asp:TextBox> 
    </div> 
    <div class="form-group"> 
     <asp:Button ID="btnSave" runat="server" OnClick="btnSave_Click" Text="Save" /> 
     <asp:Button ID="btnCancel" runat="server" Text="Cancel" /> 
    </div> 
</asp:Panel> 

<div class="form-group"> 
    Other data values here 
    <asp:LinkButton ID="lbEdit" runat="server">Edit</asp:LinkButton> 
</div>