2016-07-14 3 views
0

У меня есть кнопка ссылки, которую я хочу поместить гиперссылку на то, что при нажатии кнопки вызывается всплывающее окно.Можно ли добавить гиперссылку на ASP LinkButton

аспида LinkButton объявлен как таковой:

<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

Это не ясно, что вы пытаетесь сделать. «LinkButton» уже отображается как гиперссылка. Включение ссылки * внутри * ссылки, как правило, плохое (и может быть недействительным полностью). Что вы на самом деле пытаетесь сделать здесь? Если «LinkButton» отправляется обратно на сервер в любом случае, то чего вы ожидаете достичь, открыв модальный? Страница будет обновляться после сообщения. – 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> 
Смежные вопросы