Start Building Professional
Web Apps Today


 
Categories Question details Back To List
Question  posted by Enrique Prieto on Feb 22, 2009 10:59
open dhtmlx forum
dhtmlxwindow with grid and toolbar in IE7

Hi:

I have added a grid and a toolbar to a dhtmlx window. In IE7 the scroll of the grid dissapear at the bottom of the scroll, and i can't watch the last row. I use:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

When i use <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> it solve the scroll problem, but all the page break.

This is the code:

<script>
    var mygrid = new dhtmlXGridObject('content-grid');
    mygrid.setImagePath("imgs/");
    mygrid.attachHeader("#text_filter, ,<div id='delivery_flt' class='litSel'></div>,<div id='second_flt' class='litSel'></div>, , ");
    mygrid.setSkin("xp");
    mygrid.setEditable(false);
    mygrid.enablePaging(true,100,3,"pagingArea",true,"recinfoArea");
    mygrid.kidsXmlFile="xml/subnet.jsp";
    mygrid.setFiltrationLevel("-1");

    menuGrid = new dhtmlXMenuObject(null,"clear_silver");
    menuGrid.setImagePath("imgs/");
    menuGrid.setIconsPath("images/");
    menuGrid.renderAsContextMenu();
    menuGrid.setOpenMode("web");
menuGrid.loadXML("xml/menuSubnet.jsp");
menuGrid.attachEvent("onClick",onButtonClick);
    mygrid.enableContextMenu(menuGrid);

    mygrid.enableColumnAutoSize(true);
    mygrid.init();
    mygrid.loadXML("xml/subnet.jsp?uid="+(new Date()).valueOf());
    
    
    var dhxWins = new dhtmlXWindows();
    dhxWins.enableAutoViewport(false);
    dhxWins.setSkin("clear_silver");
    dhxWins.attachViewportTo("content-grid");
    dhxWins.setImagePath("imgs/");
    
    var w1 = dhxWins.createWindow("w1", 325, 60, 305, 300);
    w1.setText("dsfsdg ds fdfs f");
    w1.setModal(true);
    w1.keepInViewport(true);

    var filterGrid = w1.attachGrid();
    filterGrid.setSkin("xp");
    filterGrid.setImagePath("imgs/");
    filterGrid.setEditable(true);
    filterGrid.attachEvent("onRowSelect", function(rowId){filterGrid.cells(rowId,0).setValue((filterGrid.cells(rowId,0).getValue())==1?"0":"1");});
    filterGrid.init();
    filterGrid.loadXML("http://localhost:8080/xml/delivery.jsp?filter=0&uid="+(new Date()).valueOf());
    filterGrid.setAllChecks = function(cInd,v){this.forEachRow(function(id){if(this.cells(id,cInd).isCheckbox())this.cells(id,cInd).setValue(v)})};
    
    var bar = w1.attachToolbar();
    bar.setIconsPath("imgs/");
    bar.attachEvent("onStateChange", function(id,state){if (id=="checkFilter") filterGrid.setAllChecks(0,state?"1":"0");});

    var toolbarOptions = "<toolbar><item id='checkFilter' type='buttonTwoState' text='Todos los deliveries'/><item id='filter' type='button' img='iconFilter.gif' text='Hacer filtro'/></toolbar>"
    bar.loadXMLString(toolbarOptions);
</script>
Answer posted by Support on Feb 25, 2009 06:43
Hello,

Please try attached demo.
Attachments (1)
demo2.zip261.26 Kb
Answer posted by Enrique Prieto on Feb 25, 2009 14:54

Thanks for your answer.

I've tried your demo but i have the same problem. I 've attached a screenshot.

 

Attachments (1)
demo.PNG35.24 Kb