Недавние проблемы изменили окно при использовании сетки, но сетка не может быть адаптирована для изменения, поэтому я добавил линию оператора.
Проблема решается, карта эффекта
Эффект после перетаскивания
Добавлены предложения:
Код кода копирования следующим образом:
Ext.eventmanager.onwindowresize (function () {
Grid1.getView ().
})
Смотрите полный код;
Код кода копирования следующим образом:
<html xmlns = "http://www.w3.org/1999/xhtml">
<голова>
<meta http-equiv = "content-type" content = "text/html; charset = gb2312">
<Title> Grid </title>
<link href = "../ ext/resources/css/ext-all.css.
<script src = "../ ext/adapter/ext/ext-base.js" type = "text/javascript"> </script> </script>
<script src = "../ ext/ext.js" type = "text/javascript"> </script>
<script type = "text/javascript">
Ext.onready (function () {
Функция renderAdmin ()
{{
Вернуть "<span style = 'cursor: pointer;' onclck = 'alert ();'> <img src = '../ Images/icons/email.jpg'/> </span>" ";
}
var sm = new ext.grid.checkboxselectionmodel ();
// var sm1 = new ext.grid.rowselectionmodel ({singleLectect: true}),
var cm = new ext.grid.columnmodel ([[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[
New Ext.Grid.Roonumber (),
СМ,
// sm1,
{Header: '<span style = "cursor: pointer;"> <img src = "../ Images/icons/email.jpg"/> </a> </span>', dataIndex: 'admin', width : 30, renderr: rendradmin, сортируем: false},
{Header: 'id', dataIndex: 'id'},
{id: 'name', заголовок: 'name', dataIndex: 'name'},
{Header: «Отправить человек», DataInDex: 'from'},
{Header: 'получатель', DataInDex: 'to'}
]);
VAR DATA = [
['' ',' 001 ',' harest One ',' Zhang San ',' li si '],
['' ',' 002 ',' получить сингл два ',' Zhang Four ',' Lee Five '],
['' ',' 003 ', «Получить порядок третий», «Чжан Лю», «Ли Qi Seven»]
];
var store = new ext.data.store ({{
Прокси: new Ext.Data.MemoryProxy (Data), Data,
Читатель: new ext.data.arayreader ({}, [
{name: 'admin'},
{name: 'id'},
{name: 'name'},
{name: 'from'},
{name: 'to'}
])
});
store.load ();
var grid1 = new ext.grid.gridpanel ({{{
renderto: 'grid1',
Имя: 'Grid1',
макет: 'fit',
Название: «Получить список»,
AutoHeight: правда,
Autowidth: True,
Bodystyle: «Ширина: 100%»,
нагрузка маски: правда,
// AutoExpandColumn: «Имя»,
Autowidth: True,
// tbar: [{text: 'Отправить',
// значок: '../images/icons/application_edit.jpg',
// cls: 'x-btn-text-iCon'},
// {text: 'delete',
// значок: '../images/icons/application_edit.jpg',
// cls: 'x-btn-text-iCon'}],
Магазин: магазин,
кадр: правда,
CM: CM,
SM: SM,
ViewConfig: {
ForceFit: True},
Слушатели: {
rowdblck: function (n) {
// Получить текущий банк выбора, направление ввода
// отладчик;
var iid = grid.getSelectionModel ().
Window.location.href = "subframe.html? Id ="+iid;
}
}
});
Ext.eventmanager.onwindowresize (function () {
Grid1.getView ().
})
});
</script>
</head>
<тело>
<div id = "grid1">
</div>
</body>
</html>