Start Building Professional
Web Apps Today


 
Categories Question details Back To List
Question  posted by Mike Fitz on Jan 15, 2010 10:16
open dhtmlx forum
dhtmlXCombo not showing options

Hi,
When I click on the comboBox, the list of options does not appear. However, if I put the cursor into the comboxBox and hit the down arrow, I can move thru the various options. Can you tell me why the comboBox does not appear when clicked? Below is the code.

myVirtualFrames.loadXMLString(strXML);
myVirtualFrames.enableOptionAutoHeight(true);
myVirtualFrames.show(true);
myVirtualFrames.readonly(true,false);

Thanks,
Mike
Answer posted by Alex (support) on Jan 18, 2010 02:02

Hello

lcoally the same code works correctly. Please provide the complete demo.

Answer posted on Jan 18, 2010 22:42

 

Hi,

   Thanks for your repsonse.  Below is all the code used to initialize and load the dhtmlXCombo.

 

myVirtualFrames = new dhtmlXCombo("VirtualFrameContainer","VirtualFrames", 275, 'image');

dhtmlxEvent(window,"resize",dhtmlXCombo.prototype.closeAll);

var strXML = document.getElementById('hfReturnedFrames').value;  //get XML string

myVirtualFrames.clearAll(true);

myVirtualFrames.loadXMLString(strXML);
myVirtualFrames.enableOptionAutoHeight(true);
myVirtualFrames.show(true);
myVirtualFrames.readonly(true,false);
myVirtualFrames.attachEvent("onChange", onChangeVirtualFrame);

 

the HTML code has the following Container:

<div id="VirtualFrameContainer" style="width:180px;">

</div>

 

Any additioanl help would be appreciated.

 

Thanks,

Mikie

Answer posted by Alex (support) on Jan 19, 2010 02:18

Hello

please provide a complete demo - a sample that contains all necessary files and ready to testing

Answer posted by Mike on Jan 21, 2010 23:37
Alex,
   Below is all the HTML from the aspx page pertaining to the Combo control.  Please note that the Combo control is used in Modal Popup.  I believe this is all the code.  Could the Combobox options be hidden behind the ModalPopup?
 
Thanks,
Mike
 
 
<style type="text/css">
   .styleSelectedVirtual
   {
       width: 580px;
   }       
   .modalBackground
   {
      background-color:Gray;
      filter:alpha(opacity=70);
      opacity:0.7;
</style>

<cc1:ModalPopupExtender ID="mpeVirtualFrame" runat="server"
    TargetControlID="lnkVirtualFrameEditor" PopupControlID="panVirtualFrameEditor"
    BackgroundCssClass="modalBackground" >   
</cc1:ModalPopupExtender>

<asp:Panel ID="panVirtualFrameEditor" runat="server" Height="413px" Width="612px" BackColor="#DDF4FF" BorderColor="Black" BorderStyle="Solid" BorderWidth="1px">
     <table style="width:auto; table-layout: fixed;">
        <tr>
           <td class="styleSelectedVirtual" style="text-align: left; vertical-align: middle">
               <table style="padding: 0px; margin: 0px; width: auto; table-layout: fixed;">
                   <tr style="padding: 0px; margin: 0px;">
                       <td style="text-align: left; vertical-align: top; width:55%;">
                            <div id="VirtualFrameContainer" style="width:180px;">
                            </div>
                       </td>
                   </tr>
               </table>
           </td>      
        </tr>
</asp:Panel>               

All the Javascript code used to initialize and load the Combox is below:
 
function pageLoad(sender, e)
{
    var mpeVirtualFrame = $find('mpeVirtualFrame');
    mpeVirtualFrame.add_show(mpeVirtualFrame_Shown);
}
 

myVirtualFrames = new dhtmlXCombo("VirtualFrameContainer","VirtualFrames", 275, 'image');

dhtmlxEvent(window,"resize",dhtmlXCombo.prototype.closeAll);

var strXML = document.getElementById('hfReturnedFrames').value;  //get XML string

myVirtualFrames.clearAll(true);

myVirtualFrames.loadXMLString(strXML);
myVirtualFrames.enableOptionAutoHeight(true);
myVirtualFrames.show(true);
myVirtualFrames.readonly(true,false);
myVirtualFrames.attachEvent("onChange", onChangeVirtualFrame);

Answer posted by Alex (support) on Jan 22, 2010 01:29
We have attached the sample. Possibly it'll help to solve the problem
Attachments (1)
sample.zip23.19 Kb
Answer posted on Jan 25, 2010 19:51

Alex,

    That didn't work either.  Any other ideas?   The combo box is populating with all the loaded values, but when you click on the down arrow, the list of options does not appear.

 

Thanks,

Mike

Answer posted by Alex (support) on Jan 26, 2010 03:39

Does the issue occur the provided sample ? Locally the list opens on arrow click. 

PS: please ask questions on our http://forum.dhtmlx.com/ or if you're a licensed user, you can use http://support.dhtmlx.com/ 

 

Answer posted on Feb 08, 2010 08:09

Alex,

   Please vie wthe attached Word document.  It contains two screen images, one of the Combobox and the other shows where the list options is being displayed.  Can you please let me know what I need to change to position the list of options to the top level so it doesn't display behind the Modal popup.  I tried changing some of the settings in the sytesheet, dhtmlxcombo.css, but no resolution.

 

Thanks,

Mike

 

Attachments (1)
OptionListBehindModalPopup.docx306.61 Kb
Answer posted by Stanislav (support) on Feb 09, 2010 03:34
Normally, it must be enough to change z-index in the dhtmlxcombo.css, as direct child of document.body it must not be covered by any other element, while it has a top z-index value.