<html>
<head>
<title>Complex Layout</title>
<link rel="stylesheet" type="text/css" href="../../resources/css/ext-all.css" />
<!-- GC -->
<script type="text/javascript" src="../../ext.js"></script>
<script type="text/javascript">
Ext.require(['*']);
Ext.onReady(function() {
v = Ext.create('Ext.grid.Panel', {
columns: [{
dataIndex: 'fieldName'
}],
height: 100,
width: 200,
style: {
border: '1px solid black'
},
tpl: '<tpl for="."><div class="itemCls">{fieldName}</div></tpl>',
itemSelector: '.itemCls',
renderTo: document.body
});
console.log(v);
});
</script>
</head>
<body>
</body>
</html>