если правельно понял...
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<title>пример</title>
<script type='text/javascript' src='http://docs.sencha.com/ext-js/4-0/extjs/ext-all.js'></script>
<link rel="stylesheet" type="text/css" href="http://docs.sencha.com/ext-js/4-0/extjs/resources/css/ext-all.css">
<script>
Ext.onReady(function() {
var grid = Ext.create('Ext.grid.Panel', {
anchor: '100% 50%',
store: {
fields: ['name', 'email'],
data: [
{name: 'Ed', email: 'ed@sencha.com'},
{name: 'Tommy', email: 'tommy@sencha.com'},
{name: 'Ed', email: 'ed@sencha.com'},
{name: 'Ed', email: 'ed@sencha.com'},
{name: 'Ed', email: 'ed@sencha.com'},
{name: 'Ed', email: 'ed@sencha.com'},
{name: 'Ed', email: 'ed@sencha.com'},
{name: 'Tommy', email: 'tommy@sencha.com'}
]
},
columns: [
{header: 'Name', dataIndex: 'name', flex: 1},
{header: 'Email', dataIndex: 'email', flex: 1}
]
});
var win = Ext.create('Ext.window.Window', {
layout: 'anchor',
title: 'Title',
width: 500,
height: 200,
items: [
{
xtype: 'panel',
anchor: '100% 50%',
html: 'List of users will go here'
},
grid
]
});
win.show();
});
</script>
<body>
</body>
</html>