Добрый день
изучаю extjs 4. Вылезла такая проблема не показывается грид в IE 6 7 и 8.
|
Код:
|
Сведения об ошибке на веб-странице
Сообщение: 'locked' - есть null или не является объектом
Строка: 14426
Символ: 13
Код: 0
URI-код: http://localhost/ext/ext-all-debug.js |
В девятке хроме и лисе без проблем и ошибок в консоли.
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<link rel="stylesheet" type="text/css" href="../ext/resources/css/ext-all.css"/>
<link rel="stylesheet" type="text/css" href="../css/extjsreplace.css"/>
<script type="text/javascript" src="../ext/ext-all-debug.js"></script>
<script type="text/javascript" src="../ext/locale/ext-lang-ru.js"></script>
<script type="text/javascript">
Ext.onReady(function() {
Ext.define('teploData',{
extend: 'Ext.data.Model',
fields: ['Object', 'Ppr_vz', 'Pob_vz', 'Ppr_nz', 'Pob_nz', 'Ppr','Pob', 'Gpr', 'Gob', 'Tpr', 'Tob']
});
var store = Ext.create('Ext.data.Store', {
model: 'teploData',
proxy: {
type: 'ajax',
url: 'data.xml',
reader: {
type: 'xml',
record: 'table',
}
}
});
store.load();
var grid = Ext.create('Ext.grid.Panel', {
store: store,
columnLines: true,
columns: [
{header: "Обьект", width:160, align: "left", dataIndex: 'Object' }
,{
text: 'верх.зона',
columns:[
{header: "Рпр", width:60, align: "center", dataIndex: 'Ppr_vz'},
{header: "Робр", width:60, align: "center", dataIndex: 'Pob_vz'} ]
},
{
text: 'нижн.зона',
columns:[
{header: "Рпр", width:85, align: "center", dataIndex: 'Ppr_nz'},
{header: "Робр", width:85, align: "center", dataIndex: 'Pob_nz'} ]
},
{header: "Рпр", width:85, align: "center", dataIndex: 'Ppr' },
{header: "Робр", width:85, align: "center", dataIndex: 'Pob' },
{header: "Gпр", width:85, align: "center", dataIndex: 'Gpr' },
{header: "Gобр", width:85, align: "center", dataIndex: 'Gob' },
{header: "Тпр", width:85, align: "center", dataIndex: 'Tpr' },
{header: "Тобр", width:85, align: "center", dataIndex: 'Tob' },
],
width:980,
height:810,
title: 'теплосеть',
renderTo: 'grid',
viewConfig: {
stripeRows: true
}
});
});
</script>
</head>
<body>
<div id ="grid"></div>
</body>
</html>