Пытаюсь прикрутить
Ext.ux.grid.RowEditor И вылазит сабж. Дрозофилка:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="ru">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251"/>
<title>«Test RowEditor»</title>
<link rel="stylesheet" type="text/css" href="http://dev.sencha.com/deploy/dev/resources/css/ext-all.css"/>
<link rel="stylesheet" type="text/css" href="http://dev.sencha.com/deploy/dev/examples/ux/css/RowEditor.css"/>
<script type="text/javascript" src="http://dev.sencha.com/deploy/dev/adapter/ext/ext-base.js"></script>
<script type="text/javascript" src="http://dev.sencha.com/deploy/dev/ext-all.js"></script>
<script type="text/javascript" src="http://dev.sencha.com/deploy/dev/examples/ux/RowEditor.js"></script>
<script type="text/javascript">
Ext.BLANK_IMAGE_URL="http://dev.sencha.com/deploy/dev/resources/images/default/s.gif";
Ext.onReady(function() {
Ext.QuickTips.init();
var
rec = Ext.data.Record.create([
{ name: "name", mapping: 1 }
]),
reader = new Ext.data.ArrayReader({
idIndex: 0
}, rec),
store = new Ext.data.ArrayStore({
autoDestroy: true,
idIndex: 0,
fields: [
{ name: "id", type: "int" },
"name"
],
reader: reader
}),
data=[
[ 1, "Record# 1" ],
[ 2, "Record# 2" ],
[ 3, "Record# 3" ],
[ 4, "Record# 4" ]
],
vp = new Ext.Viewport({
layout: "border",
renderTo: Ext.getBody(),
items: [{
region: "center",
xtype: "grid",
store: store,
cm: new Ext.grid.ColumnModel({
columns: [
{ dataIndex: "id", header: "id", editor: new Ext.form.NumberField({}) },
{ id: "ColName", dataIndex: "name", header: "name" }
]
}),
autoExpandColumn: "ColName",
plugins: [new Ext.ux.grid.RowEditor()]
}]
});
store.loadData(data);
});
</script>
</head>
<body>
</body>
</html>
По какой гравицапе нужно постучать, чтобы не распирало?