Start Building Professional
Web Apps Today


 
Categories Question details Back To List
Question  posted by Hitesh panchani on Nov 26, 2008 21:46
open dhtmlx forum
dhtmlxGrid

I am using dhtmlxgrid component with dataProcessor for load data dynamically.The mention(bellow) code is working smoothly with FireFox Web Browser,but When I use Internet Explorer, The data has not been displayed on the screen.In Case of IE, If i have used skin type 'clear' than it has displayed data, at the same time if I move mouse arrow to any of the button, all the data from the grid has been disappeared.

In both case request for data to server is also working smoothly.

Code:

<body onload="performBodyOnLoad();">
<div class="TopTitle">Audit Event Definitions</div>

<div class="tab-pane">
<div class="tab-page">
<div id="WFSectionAA">
<div class="gridResults">
<table width="100%" border="0" cellpadding="0" cellspacing="0">
<tbody>
<tr>
<td>
<table class="listHeader" width="100%" border="0" cellpadding="3" cellspacing="3">

<tbody>
<tr>
<td id="PagingArea"></td>
<td id="RecinfoArea" align="right"></td></tr></tbody></table></td></tr>
<tr>
<td>
<div id="ListSection"></div>
<script type="text/javascript">
     var ListSection = new dhtmlXGridObject("ListSection");
    ListSection.imagURL = "dhtmlx/codebase/imgs/";
    ListSection.setHeader("obj_type_id,audit_action,color_code,args_count,description");
    ListSection.setInitWidths("100,100,100,100,*");
    ListSection.setColTypes("ro,ro,ro,ro,ro");
    ListSection.attachEvent("onRowSelect",function(rowID, celInd){selectRow(rowID); });
    ListSection.enableColumnAutoSize(true);
    ListSection.enableColumnMove(true);
    ListSection.enablePaging( true, 10, null, "PagingArea", true, "RecinfoArea");
    ListSection.enableAutoHeight(true,"275");
    ListSection.init();
    
    var lsSessionId = getDataFrame().getPSControlInfo().msSessionId;
    var loControlInfo = new PSControlInfo();
    loControlInfo.msAction = AppConstants.ACTN_AJAX_CALL + AppConstants.DELIM_SUB + "com.prescient.psl.common.DigListBaseAjax" ;
    loControlInfo.msSessionId = lsSessionId;
    var lsControlInfo = loControlInfo.getDelimitedText();
    var lsSend = "control_info=" + lsControlInfo;
    lsSend = encodeURI(lsSend);
    var lsAjaxActionURL = AppConstants.PSController+"?"+lsSend;
    ListSection.loadXML(lsAjaxActionURL);
    
    var ListSectionDP = new dataProcessor("lsAjaxActionURL");
    ListSectionDP.init(ListSection);
    ListSectionDP.setUpdateMode("off");
    ListSectionDP.enableDebug(false);
    ListSectionDP.enableDataNames(false);
    ListSectionDP.setTransactionMode("POST");
    ListSectionDP.sendData();
    
</script>
</td></tr></tbody></table></div>

<table border="0">
<tr>
<td width="100%"> </td>
<td><button style='background-image:url(include/ButtonBG60.png);width:60px;' onmouseover="className='NormalButtonHover';" onmouseout="className='NormalButton';" class='NormalButton' id='AAA2' onclick='performAction("AAA2");' accesskey='N' type='button'>
<u>N</u>ew</button>
</td>
<td><button style='background-image:url(include/ButtonBG60.png);width:60px;' onmouseover="className='NormalButtonHover';" disabled='disabled' onmouseout="className='NormalButton';" class='NormalButton' id='AAA4' onclick='performAction("AAA4");' accesskey='E' type='button' WFRowDepedent='Y'>
<u>E</u>dit</button>

</td>
<td><button style='background-image:url(include/ButtonBG60.png);width:60px;' onmouseover="className='NormalButtonHover';" disabled='disabled' onmouseout="className='NormalButton';" class='NormalButton' id='AAA6' onclick='performActionConfirm("AAA6");' accesskey='l' type='button' WFRowDepedent='Y' ConfirmMsg="Are you sure you want to delete this record?">
De<u>l</u>ete</button>
</td>
<td><button style='background-image:url(include/ButtonBG60.png);width:60px;' onmouseover="className='NormalButtonHover';" onmouseout="className='NormalButton';" class='NormalButton' id='AAA7' onclick='performAction("AAA7");' accesskey='C' type='button'>
<u>C</u>ancel</button>
</td></tr></table></div></div></div></body>
</html>
Answer posted by Support on Nov 27, 2008 02:40
The problem may be caused by not defined sizes of "ListSection" container. 
You can try the next

a) define fixed sizes for ListSection container ( because you are using auto-height mode, exact initial value doesn't really matter, but it must not be equal to 0 )
b) you can try to momve init code in performBodyOnLoad handler, so it will run only after html part of page rendered