Errors when using individual sources for dhtmlxList

Suite and Optimus Suite 5
#1

I’ve created a basic dhtmlxList test which is minimally different from the init example in the documentation, because my company includes dhtmlx components individually rather than incorporating the entirety of dhtmlx.js. But I’m unable to to get it to work with the individual component files. (The js and css files referenced in my example have been copied into the same folder as the test HTML.) The errors I am getting from Chrome are:

  • Invalid nesting source (dhtmlxcore.js:457)
  • Uncaught Typeerror: cannot read property ‘_init’ of undefined (dhtmlxcore.js:297)

Here’s the source code. Please advise me as to why this doesn’t work … thanks.

<html>
<head>
  <title>List Test</title>
  <link rel="STYLESHEET" type="text/css" href="dhtmlxlist_dhx_skyblue.css"/>
  <link rel="STYLESHEET" type="text/css" href="dhtmlxlist_material.css"/>
  <script type="text/javascript">
    var DHTMLX_IMAGE_PATH = "images/";
  </script>
  <script type="text/javascript" src="jquery.min.js"></script>
  <script type="text/javascript" src="dhtmlxcommon.js"></script>
  <script type="text/javascript" src="dhtmlxcore.js"></script>
  <script type="text/javascript" src="dhtmlxlist.js"></script>

  <script type="text/javascript">

        $(function() {
            var myList = new dhtmlXList({
                container:"list_container",
                type:{
                    template:"<span>#Package# : #Version#</span>"
                }
            })
            myList.add({
                Package:"test one",
                Version:"0.1"
            });
        });
  </script>

</head>
<body>
    <div id="list_container" style="width:200px;height:300px"></div>
</body>
</html>