2016-07-14 7 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ツールキットには、1つがあります。詳細については、hereをご覧ください。このモデルのポップアップの使い方の簡単なサンプルを作成しました。

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

を使用して、あなたが最初にあなたのasp.netのプロジェクトにツールキットを追加する必要があります(あなたは、このためのパッケージマネージャをnuget使用することができます)し、ページにコントロールを登録心に留めて表示するようにモデルポップエクステンダーのプロパティを使用しますレコードごとのデータを保存します。

<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> 
関連する問題