Start Building Professional
Web Apps Today


 
Categories Question details Back To List
Question  posted by Philip Damelia on Aug 27, 2009 10:37
open dhtmlx forum
Layout opens a window with a Grid with a column as a Calendar doesnt show in IE

Hello again, I have sent this a couple of times and you asked for me to generate the files that show this issue. I have and the problem still exists. If you change the z-index, it appears in FF but it will not in IE.

Please let me know how this is fixed becuase we need this functionality in our production env and we have our users using an ed instead since this is not working.
----------------------------------------------------------------------
HTML Page Code:

<html>
<head>
<title></title>
<link rel="stylesheet" type="text/css" href="dhtmlx.css">

<script type="text/javascript" src="dhtmlx.js"></script>

</head>
<body>

<div id="parentId" style="position: relative; top: 20px; left: 20px; width: 800px; height: 500px;"></div>
<input type="button" value="Show Popup Window" onclick="showPopup();" style="position: relative; margin-top: 40px; left: 20px;">

<script type="text/javascript">
    var dhxLayout = new dhtmlXLayoutObject("parentId", "3L");
    dhxLayout.dhxWins.setImagePath("/widsos/dhtmlx/dhtmlxWindows/codebase/imgs/");
    var popupWindow;
    function showPopup() {
        if (!popupWindow) {
            popupWindow = dhxLayout.dhxWins.createWindow("popupWindow", 130, 100, 620, 300);
            //popupWindow.attachObject("popupWindowData");
            popupWindow.denyPark();
            //popupWindow.denyResize();
            popupWindow.button("park").hide();
            popupWindow.button("minmax1").hide();
            popupWindow.attachEvent("onClose", function(win){win.setModal(false);win.hide();});
            popupWindow.setModal(true);

            var grid = popupWindow.attachGrid();
            grid.setImagePath("imgs/");
            grid.setHeader("Date,Model,Qty,Price");
            grid.setInitWidths("50,*,100,100")
            grid.setColAlign("left,left,center,center")
            grid.setColTypes("dhxCalendar,ro,ed,price");
            grid.init();
            grid.loadXML("grid2.xml");
        } else {
            popupWindow.show();
            popupWindow.setModal(true);
        }
    }
</script>

</body>
</html>



------------------------------------------------------------
grid2.xml

<?xml version="1.0" encoding="UTF-8"?>
<rows>
    <row id="1">
        <cell>01/01/2009</cell>
        <cell>Nokia 6300</cell>
        <cell>1</cell>
        <cell>210</cell>
    </row>
    <row id="2">
        <cell>02/01/2009</cell>
        <cell>Sony Ericsson K800i</cell>
        <cell>1</cell>
        <cell>228</cell>
    </row>
</rows>

-----------------------------------------------------------------

Thanks,
-Phil
Answer posted by Alex (support) on Aug 28, 2009 02:24

Create new dhtmlXWindows() object to show grid. Locally it solved the issue:

dhxWins = new dhtmlXWindows() 
...
popupWindow = dhxWins.createWindow("popupWindow", 130, 100, 620, 300); 

The sample is attached

Attachments (1)
1251450716.zip162.31 Kb