Start Building Professional
Web Apps Today


 
Categories Question details Back To List
Question  posted by Vincent on Feb 13, 2009 14:51
open dhtmlx forum
grid within tab causing horizontal scrollbars to appear

Hi,

We have a grid thats within a tabbar, and whenever it finishes loading, the horizontal scrollbars appear, even if we set the div width to a much small size



    function doInitGrid(){
        //alert('initialiezed');
        mygrid = new dhtmlXGridObject('mygrid_container');
         mygrid.setImagePath("/rae/scripts/dhtmlxTreePro/imgs/");                         
        //mygrid.setHeader("ID,PSGL ID<BR><INPUT TYPE='TEXT' ID='PSGL' disabled style='width:80'/>,GS ID<BR><INPUT TYPE='TEXT' ID='GSID' disabled style='width:80'/>,Legal Entity<BR><INPUT TYPE='TEXT' ID='EntityName' disabled style='width:400'/>,Region<BR><INPUT TYPE='TEXT' ID='Region' disabled style='width:140'/>");
        mygrid.setHeader("ID,PSGL ID,GS ID,Legal Entity,Region");
        mygrid.attachHeader("#master_checkbox,#text_filter,#text_filter,#text_filter,#text_filter");                 
        mygrid.setInitWidths("50,100,100,500,150");
        mygrid.setColAlign("left,left,left,left,left");
        mygrid.setColTypes("ch,ro,ro,ro,ro");                     
        mygrid.setSkin("clear");
        //mygrid.attachEvent("onCheckbox",saveToParent);
        mygrid.attachEvent("onXLE", endGridLoad);
        mygrid.init();
        //mygrid.makeFilter("PSGL", 1);

        mygrid.loadXML("/.../...",checkthem);
        mygrid.stopFastOperations();
        document.getElementById('legalEntityGridCount').value = mygrid.getRowsNum();
    }
</script>
</head>
<body onload="init()">
<br>
<div id="a_tabbar" class="dhtmlxTabBar" imgpath="/.../"
oninit="a_tabbar.setOnSelectHandler(selectTab);a_tabbar.setSize(1000,800,false)" skinColors="#FCFBFC,#F4F3EE" >
<div id="mygrid_container" name="List View" style="width:940; height:700;">

<form name="searchForm">
<table>
<TR><td>
<input type="hidden" name="id"/> <input type="hidden" name="legalEntityGridCount"/></td>
</TR>
<tr>
<td><INPUT type="button" value="Select" onClick="submitFromList()">
 <INPUT type="button" value="Cancel" onClick="window.close()"></td>
</tr>
</TABLE>
</form>
</div>
<div id="dxmlTreeDiv" name="Hierarchy View">
...
</div>
</div>
<br>


=====================

Screenshot: http://img149.imageshack.us/img149/9874/gridap2.jpg

Answer posted by dhxSupport on Feb 17, 2009 08:34
This bug will be fixed at the next dhtmlxGrid build. If you need changes immediately please contact support@dhtmlx.com and provide you ref. ID