0

Es mejor si añado mas detalle de como está el código.

TextBox (cabe resaltar que tengo 31 de estos)

<td>
<asp:TextBox class="form-control" ID="TextBox11" runat="server" style="padding: 0px 0px;width: 36px; font-size: 11.5px;" ReadOnly OnTextChanged="TextBox11_TextChanged" AutoPostBack="True"></asp:TextBox>
</td>

Ahora bien, con respecto al Panel y ModalPopUp

<asp:HiddenField ID="HiddenField1" runat="server"/>
<asp:ScriptManager ID="ScriptManager1" EnableCDN="true" runat="server"> 
</asp:ScriptManager>

<asp:HiddenField ID="HiddenField1" runat="server"/>
<asp:ScriptManager ID="ScriptManager1" EnableCDN="true" runat="server"> 
</asp:ScriptManager>

<ajaxToolkit:ModalPopupExtender ID="ModalPopupExtender1" runat="server" TargetControlID="HiddenField1" CancelControlID="btnthree" OkControlID="btntwo" PopupControlID="Panel1" BackgroundCssClass="backgroundColor"> 
</ajaxToolkit:ModalPopupExtender>
<asp:Panel ID="Panel1" runat="server" CssClass="modalpopup">
  <asp:Label ID="Labeltwo" runat="server" Text="Detalle"></asp:Label>
  <asp:RadioButtonList ID="RadioButtonListone" runat="server">
    <asp:ListItem>FER</asp:ListItem>
    <asp:ListItem>JESUS</asp:ListItem>
    <asp:ListItem>JAVI</asp:ListItem>
    </asp:RadioButtonList>
  <asp:Button ID="btntwo" runat="server" Text="ENVIAR" UseSubmitBehavior="False" OnClick="btntwo_Click" />
  <asp:Button ID="btnthree" runat="server" Text="Cancel" />
 </asp:Panel>

Por el lado interno tengo lo siguiente, así para cada textbox

protected void TextBox11_TextChanged(object sender, EventArgs e)
{
  ModalPopupExtender1.Show();
}
6
  • Cual es la pregunta?
    – gbianchi
    Commented el 15 feb. 2019 a las 16:39
  • ¿Como crear un modal con un formulario dentro? Tal como se detalla en la segunda imagen. Commented el 15 feb. 2019 a las 16:41
  • 1
    Y que intentaste hasta ahora? y el modal que tiene que ver con el backend o con sql-server?
    – gbianchi
    Commented el 15 feb. 2019 a las 16:42
  • Realicé un modal con JavaScript, pero no pude hacer que al hacer click en el textBox me abra el modal. Con respecto al backend quiero saber la funcionalidad que se tiene que hacer para poder interactuar con los datos para poder registrar en mi base de datos que se encuentra en Sql-Server Commented el 15 feb. 2019 a las 16:49
  • Tu pregunta es como demasiado amplia. Lo del backend no se si es posible contestartelo. No dices nada de como es o que tenes. Lo del modal probaste algo? un evento click en un textbox? o que sean botones que parezcan textbox y usar su evento click?
    – gbianchi
    Commented el 15 feb. 2019 a las 16:56

1 respuesta 1

1

Si es asp.net recomiendo que hagas el popup utilizando el Modal Popup Extender del ajax tookit

En el articulo lo explico

[ASP.NET] PopUp Edición - Usando Ajax Toolkit ModalPopupExtender

En el codigo observaras el uso del

<asp:ModalPopupExtender ID="mpeEditOrder" runat="server" 
    PopupControlID="panelEditOrder" TargetControlID="HiddenField1"
     BackgroundCssClass="backgroundColor" >
</asp:ModalPopupExtender>

<asp:Panel ID="panelEditOrder" runat="server" BackColor="White">

     <asp:UpdatePanel ID="upEditOrder" runat="server">
        <ContentTemplate>  

              .
              .
              .
          </ContentTemplate>
    </asp:UpdatePanel>
</asp:Panel>

Asi defines el Panel del popup que obtendra los datos cuando se presione el boton de edicion del grid

    protected void gvOrders_SelectedIndexChanging(object sender, GridViewSelectEventArgs e)
    {
        int OrderId = Convert.ToInt32(gvOrders.DataKeys[e.NewSelectedIndex].Value);

        InitializeEditPopUp();
        LoadEditData(OrderId);

        mpeEditOrder.Show();
    }

con el mpeEditOrder.Show(); mostrar el dialog habiendo previamente cargado los datos en los controles

6
  • Hola Leandro, logré crear el modal Ajax y funciona cuando hago click en el textbox mediante TargetControlID="TextBox11" . Tengo 31 <asp:textbox>, cada uno con id diferente. mi duda surge como lograr que al hacer click en cualquier textbox, se abra el modal. Commented el 20 feb. 2019 a las 17:28
  • si analizas el articulo veras que alli asigno el TargetControlID a un Hidden, de esta forma el Show() lo realizo desde codigo, en tu caso lo harias en los eventos de estos textbox Commented el 20 feb. 2019 a las 17:33
  • Asigné un TargetControlID="HiddenField1" a mi ModalPopupExtender1, despues para cada textbox_TextChanged(object sender, EventArgs e){ModalPopupExtender1.Show();} pero no me funciona, alguna sugerencia de que estoy haciendo mal Commented el 20 feb. 2019 a las 19:37
  • revisaste sino hay un error de javascript, desde al consola del developer tools? tenes asignada la propiedad AutoPostback en true para los textbox Commented el 20 feb. 2019 a las 20:55
  • Edité mi pregunta Leandro, ahí muestro el código que estoy siguiendo Commented el 21 feb. 2019 a las 13:41

Tu Respuesta

By clicking “Publica tu respuesta”, you agree to our terms of service and acknowledge you have read our privacy policy.

¿No es la respuesta que buscas? Examina otras preguntas con la etiqueta o formula tu propia pregunta.