Наконец уговорил клиента заюзать Ext.js, так как пришло время разобраться. Сразу же столкнулся с непонятной проблемой.
html
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<style type="text/css">
@import url("ext-4.0.2a/resources/css/ext-all.css");
@import url("ext-4.0.2a/resources/css/ext-standard.css");
@import url("css/style.css");
</style>
<script type="text/javascript" src="ext-4.0.2a/builds/ext-core.js"></script>
<script type="text/javascript" src="ext-4.0.2a/ext-all.js"></script>
<script type="text/javascript" src="js/main.js"></script>
</head>
<body>
</body>
</html>
main.js
Ext.onReady(function() {
var tabs = new Ext.createWidget('tabpanel', {
renderTo: Ext.getBody(),
width: 450,
activeTab: 0,
defaults :{
bodyPadding: 10
},
items: [{
contentEl:'script',
title: 'Short Text',
closable: true
},{
contentEl:'markup',
title: 'Long Text'
}]
});
});
В хроме вылетает ошибка:
Uncaught TypeError: Cannot call method 'removeCls' of null
Так как я являюсь абсолютным новичком, догадаться в чем же дело, не получается.
Заранее благодарю за любую поддержку.