I have dhtmlx 3.0 Pro, and when I load a grid, Internet Explorer shows an error, “Invalid argument, dhtmlx.js line 832 character 87”. Subsequently, it isn’t able to load other items like toolbars, grid data, etc. (since the javascript error stopped the processing of javascript).
I’ve confirmed that this is a problem in both Internet Explorer 8 and Internet Explorer 9. Firefox 7 isn’t having any issues with the page.
dhtmlx standard has the same problem, line 833 character 55.
Here’s the code
<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="X-UA-Compatible" content="IE=8"/>
<link REL="SHORTCUT ICON" HREF="favicon.ico">
<link href="jqueryslidemenu.css" rel="stylesheet" type="text/css">
<script src='jquery-1.6.4.min.js' type='text/javascript'></script>
<style>
html, body {
width: 800px;
height: 100%;
margin: 0px;
margin-left:auto;
margin-right:auto;
overflow: hidden;
background-color:white;
}
</style>
</head>
<body bgcolor="#ffffff" >
<script src='jquery-1.6.4.min.js' type='text/javascript'></script>
<div id='header'>
<div id='logo' style = 'height:100px; margin-top:10px'><img src='imgs/SSSLogo.png'>
<div style='float:right; width:60px'><a href='logout.php'>Logout</a></div>
</div>
</div>
<script src="codebase/dhtmlx.js" type="text/javascript"></script>
<link rel="STYLESHEET" type="text/css" href="codebase/dhtmlx.css">
<script src="codebase/libs/dhtmlxCalendar.11-09-13/codebase/dhtmlxcalendar.js" type="text/javascript"></script>
<script src="codebase/libs/dhtmlxForm.11-09-13/codebase/dhtmlxform.js" type="text/javascript"></script>
<script src="codebase/libs/dhtmlxForm.11-09-13/codebase/ext/dhtmlxform_item_calendar.js" type="text/javascript"></script>
<script src="codebase/datastore.js" type="text/javascript"></script>
<link rel="STYLESHEET" type="text/css" href="codebase/libs/dhtmlxCalendar.11-09-13/codebase/dhtmlxcalendar.css">
<div id='title' style='width: 100%; height:30px; position:relative;font-size:22px;font-family:Tahoma;font-weight:bold;margin-top:8px;'>User Administration</div>
<div id='main' style='width: 800px; height:1000px; position:relative; z-index:2'></div>
<script type='text/javascript'>
dhtmlx.image_path='codebase/imgs/';
dhtmlx.skin = 'dhx_web';
var main_layout = new dhtmlXLayoutObject('main', '1C');
var a = main_layout.cells('a');
var tabbar_1 = a.attachTabbar();
tabbar_1.addTab('tab_1','Users','');
var tab_1 = tabbar_1.cells('tab_1');
tabbar_1.setTabActive('tab_1');
var toolbar_1 = tab_1.attachToolbar();
toolbar_1.setIconsPath('./codebase/imgs/');
toolbar_1.loadXML('./data/user_admin.toolbar.xml', function(){});
var grUsers = tab_1.attachGrid();
grUsers.setIconsPath('./codebase/imgs/');
grUsers.setHeader(["id","avid_id","UserID","Name","First Name","Last name","Email","Permissions","Company","Address 1","Address 2","City","State","zip","Mobile","Phone","Flags","Deleted","Universal User UserID","MC Customer ID","Admin?"]);
grUsers.setColTypes("ro,ro,ro,ro,ro,ro,ro,ro,ro,ro,ro,ro,ro,ro,ro,ro,ro,ro,ro,ro,ro");
grUsers.setColumnMinWidth('*,*,*,*,*,*,*,*,*,*,*,*,*,*,*,*,*,*,*,*,*');
grUsers.setColSorting('str,str,str,str,str,str,str,str,str,str,str,str,str,str,str,str,str,str,str,str,str');
grUsers.setInitWidths("*,*,*,*,*,*,*,*,*,*,*,*,*,*,*,*,*,*,*,*,*");
grUsers.enableCellIds(true); Any help is appreciated.
Thank you,
Rob