Теперь пытаюсь заполнить таблицу данными, как в учебнике (пока массив).
<!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=iso-8859-1">
<title>Untitled Document</title>
<link rel='stylesheet' type='text/css' href='lib/ext/resources/css/ext-all.css'>
<script type='text/javascript' src='lib/ext/adapter/ext/ext-base.js'>
</script>
<script type='text/javascript' src='lib/ext/ext-all-debug.js'>
</script>
<script type='text/javascript'>
Ext.onReady(function(){
var myStore = Ext.data.Store({
data:[
["Google.com",
"10",
"15",
"200",
"100",
"#ff8080",
"images/google.jpg",
"Лучший поисковик всех времён и народов"],
["Yandex.ru",
"10",
"15",
"200",
"100",
"#ff0000;",
"images/yandex.jpg",
"Лучший российский поисковик "],
["Bing.ru",
"10",
"15",
"200",
"100",
"#ff0000;",
"images/bing.jpg",
"Поисковик империи зла"]
],
reader: new Ext.ArrayReader(
{id:'id'},
[
'title',
'x',
'y',
'width',
'height',
'color',
'image',
'text'
]
)
});
var myGrid = new Ext.grid.EditorGridPanel({
title: 'AdBlock Table',
clickstoEdit: 1,
renderTo: document.body,
frame: true,
store: myStore,
columns:[
{header: 'Title', width: 200, sortable: true, dataIndex: 'title'},
{header: 'Color', width: 150, sortable: true, dataIndex: 'color'},
{header: 'Height', width: 150, sortable: true, dataIndex: 'height'},
{header: 'Weight', width: 150, sortable: true, dataIndex: 'width'}
],
frame: true,
width: 600,
height: 300
})
})
</script>
</head>
<body>
</body>
</html>
Таблица вообще перестала отображаться
В чем косяк? В Ext.onReady ведь можно и хранилище и редактор инициализировать..(?)