Start Building Professional
Web Apps Today


 
Categories Question details Back To List
Question  posted by Iraklis on Aug 13, 2007 13:41
open dhtmlx forum
Combo hasn't displayed in html

I have an issue.

I wrote this page (example down), but when I want to select an option of a combo, it doesn't display... please... any suggest?

I suppose the reason is the lot of div's in page... 'cause the coe works in an external html (formed only for grid display purpose only).

Thanks.


<html>
<head>

...

<link rel="STYLESHEET" type="text/css" href="dhtmlxGrid/css/dhtmlXGrid.css">
<link rel="STYLESHEET" type="text/css" href="dhtmlxGrid/css/dhtmlXGrid_skins.css">

...

<script src="dhtmlxGrid/js/dhtmlXCommon.js"></script>
<script src="dhtmlxGrid/js/dhtmlXGrid.js"></script>        
<script src="dhtmlxGrid/js/dhtmlXGridCell.js"></script>
<script src="dhtmlxGrid/js/dhtmlXGrid_excell_link.js"></script>
<script src="dhtmlxGrid/js/dhtmlXGrid_drag.js"></script>


...

</head>

<body>

<div>

<div>
</div>

</div>

<div class='cuerpo'>

<div id="gridbox" style="width:740px;height:390px"></div>

<script>
    function reload(){
        mygrid.clearAll();
        mygrid.loadXML("incidencias_xml.php");
        window.setTimeout("reload()",60000);
    };
    
    function doOnCellEdit(stage,rowId,cellInd,nvalor,ovalor){
         var col,idinc;
        switch(stage){
            case 0:
                break;
            case 1:
                break;
            case 2:
                if(ovalor != nvalor){
                     idinc = mygrid.cells(rowId,0).getValue();
                     switch(cellInd){
                        case 2:
                            col = "Tipo";
                            break;
                        case 6:
                            col = "Usuario";
                            break;
                    }
                    var Ajaxc = new Ajax.Updater('cambio_ajax', 'cambia_incidencia.php?Id='+idinc+'&Col='+col+'&Val='+nvalor);
                }
                return true;
            break;
        };
    };    
    
    mygrid = new dhtmlXGridObject('gridbox');
    // or
    //mygrid = new dhtmlXGridObject();
    //mygrid.attachToObject(document.body)
    mygrid.setSkin("modern");
    
    mygrid.imgURL = "dhtmlxGrid/imgs/";
    mygrid.setHeader("Incidencia,!,Tipo,Fecha Entrada,Motivo,Estado,Usuario,#cspan,IP");
    mygrid.setInitWidths("100,20,150,120,50,100,100,20,80");
    mygrid.setColAlign("center,center,left,right,center,center,right,center,right");
    mygrid.setColTypes("ro,ro,coro,ro,ro,ro,coro,ro,ro");
    mygrid.setColSorting("str,str,str,date,str,str,str,str,str");
    mygrid.setOnEditCellHandler(doOnCellEdit);
    
    var combobox = mygrid.getCombo(2);
combobox.put('NO SABE','NO SABE');
combobox.put('CONEXIÓN','CONEXIÓN');
...
var combobox1 = mygrid.getCombo(6);
combobox1.put('user','user');
...
    
    mygrid.init();
    mygrid.loadXML("incidencias_xml.php");
    window.setTimeout("reload()",60000);

</script>

<div id='incidencia_box' style='position:absolute; background-color:#29C2DE; color:black; font-size:12px; font-weight:bold; z-index:10; text-align:left; padding: 5px; visibility:hidden; -moz-opacity:0.95; filter:alpha(opacity=95)'>
</div>

</div>

</body>
</html>
Answer posted on Aug 13, 2007 14:07
I think the problem caused by z-Index conflict, the options list shown, but it shown below some other absolute positioned elements. You can increase z-Index of option popup in next way

Locate in dhtmlxgrid.css file next style definition.
    .dhx_combo_select{
and add to it
    z-index:999; // or some other big value
Answer posted by sematik (Support) on Dec 09, 2014 21:20

To find more precise comments upon this issue, we can offer you read about php load xml from url and web form creation.