none
Error en ComboBox en un ModalPopup RRS feed

  • Pregunta

  • Tengo un combobox dentro de un modalpopup, el cual a la hora que abro el modal el combobox se me muestra de manera erronea, ya que no puedo desplegarlo porque no me aparece la flecha para hacerlo.

    Esto solo me sucede a la hora de introducirlo dentro del modal ya que he hecho pruebas afuera del modal y me funciona correctamente...

    ComboBox

    Html

     <cc1:ComboBox                          ID="ComboBoxVenta"                          runat="server"                          AutoPostBack="False"                          DropDownStyle="DropDownList"                          AutoCompleteMode="SuggestAppend"                          CaseSensitive="False"                          CssClass="Gridview_cuerpo"                          ItemInsertLocation="Append">                    </cc1:ComboBox>

    C#

    
     protected void MostrarDetalles(object sender, EventArgs e)        {            this.ModalPopupExtender.Show();            ComboBoxVenta.DataSource = Info.Cliente();            ComboBoxVenta.DataValueField = "ID";            ComboBoxVenta.DataTextField = "Input";            ComboBoxVenta.DataBind();        }

    ModalPopUp

    Html

    <cc1:ModalPopupExtender
    ID="ModalPopupExtender" 
    runat="server" 
    PopupControlID="PanelAgregar"                      TargetControlID="BtnShowPopup" BackgroundCssClass="modalBackground"
    DropShadow="true"                            PopupDragHandleControlID="Panel4" OnCancelScript="HideModalPopupAgr()">                      </cc1:ModalPopupExtender>


    <asp:Button ID="BtnShowPopup" runat="server" style="display:none" />


    lunes, 9 de julio de 2012 15:39

Todas las respuestas

  • pero que flecha haces referencia ? alli deberias poner un boton o algo que lance el popup

    [ASP.NET] PopUp Filtro – Usando Ajax Toolkit ModalPopUpExtender

    analiza como se abre el popup al presinar el boton

    saludos


    Leandro Tuttini

    Blog
    Buenos Aires
    Argentina

    lunes, 9 de julio de 2012 18:00
  • el popup me funciona bien, el problema es con el combobox que no se muestra bien. 


    En esta imagen puedes ver la diferencia entre mi combobox que es el primero de arriba y esta dentro de mi popup en el cual no aparece la flecha hacia abajo y si le doy click no me despliega los clientes y asimismo se que el combobox esta lleno ya que lo he debuggeado!!

    El segundo combobox el de abajo posee la flecha apuntando hacia abajo y si despliega, este lo tengo afuera del popup!!

    no se si esto sea algun problema con el ajaxtoolkit!!

    lunes, 9 de julio de 2012 18:46
  • hola

    has validado de verificar si el width de la celda o de la tabla que contiene este combo tiene el suficiente ancho como para mostrar el controls

    porque me prece que es un tema con la tabla el que tienes, intenta ampliar el ancho de la misma para ver si se ve correctamente el combo

    saludos


    Leandro Tuttini

    Blog
    Buenos Aires
    Argentina

    lunes, 9 de julio de 2012 19:45
  • Si amigo ya probe dejando solo el combobox en una tabla y tampoco funciono, agrandando el width de la tabla, como tambien disminuyendo el width del combo!! la verdad tengo un par de dias en esto y no le encuentro solucion!! 
    lunes, 9 de julio de 2012 20:13
  • que pasa si sacas el combo por completo de la tabla

    valida que ningun style de css este aplciado al control


    Leandro Tuttini

    Blog
    Buenos Aires
    Argentina

    lunes, 9 de julio de 2012 20:34
  • Tampoco aqui esta la imagen de lo que me has comentando!! sigo pensando que es un bug del ajaxtoolkit!!

    lunes, 9 de julio de 2012 20:52
  • Hola, creo que el problema lo tienes porque el modal pop up esta declarado primero que el panel, prueba con declarar primero el panel que tiene el combo box y luego pon el modal pop up extender en tu aspx.

    Algo asi: 

    <asp:Panel ID="pnlPopUpMasters" runat="server" /> -- Primero tu panel

    <asp:ModalPopupExtender ID="popUpMaestros" runat="server" SkinID="ModalPopUpMaestros" /> -- Luego el modal pop up

    Seguramente luego de solucionar este problema, te encontraras con que al desplegar los items de tu combo box en el modal pop up se mostraran en la parte inferior de tu pantalla, y no donde deberían estar, de hecho no se alcanzaran a ver la gran mayoría, esto es porque como el combo se encuentra en el modal y este al cargargarse aparece oculto, tambien cambia las propiedades de visibilidad del combo, y luego al momento de mostrarlo no alcanza a reconocer en que estado se encuentra. Para solucionar esta parte si se te presenta debes agregar un estilo a tu formulario, simplemente colocando algo asi.

    <style type="text/css">
            .ajax__combobox_itemlist
            {
                position:fixed !important;
            }
    </style>

    Espero que te funcione, la verdad tuve durante mucho tiempo este problema

    saludos desde medellín, colombia


    martes, 24 de julio de 2012 14:28
  • Que buena solución Santiago.... ya me estaba volviendo loco con este tema.  Sabes como solucionar el bug sobre el Combobox en Firefox. En firefox no se puede escribir sobre el combo para que se haga el autocomplete
    lunes, 30 de julio de 2012 21:56
  • Hola ruben, creo que te refieres a estas dos propiedades en el combo

    AutoCompleteMode="SuggestAppend"
    DropDownStyle="DropDownList" 

    son las que yo utilizo para que se pueda habilitar el auto completar en el combo

    saludos.

    viernes, 3 de agosto de 2012 21:14