Вот, сформировал полностью. Если height: 300 убрать, то без ошибок.
Если высоту оставить, то получается ошибка.
См. скриншот:
http://shot.qip.ru/008xDs-2Fspxf9iW/
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>Проблемы с ButtonGroup</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link href="http://docs.sencha.com/ext-js/4-1/extjs-build/resources/css/ext-all.css" rel="stylesheet" type="text/css" />
<script src="http://docs.sencha.com/ext-js/4-1/extjs-build/ext-all-debug.js" type="text/javascript"></script>
<script type="text/javascript">
Ext.Loader.setConfig({ enabled: true });
Ext.onReady(function() {
Ext.create('Ext.panel.Panel', {
title: 'Panel with ButtonGroup',
width: 300,
height:600,
renderTo: Ext.getBody(),
bodyPadding: 10,
html: 'HTML Panel Content',
tbar: [{
xtype: 'buttongroup',
height: 300,
layout: "vbox",
title: 'Clipboard',
items: [{
text: 'Paste',
scale: 'large',
rowspan: 3,
iconCls: 'add',
iconAlign: 'top',
cls: 'btn-as-arrow'
},{
xtype:'splitbutton',
text: 'Menu Button',
scale: 'large',
rowspan: 3,
iconCls: 'add',
iconAlign: 'top',
arrowAlign:'bottom',
menu: [{ text: 'Menu Item 1' }]
},{
xtype:'splitbutton', text: 'Cut', iconCls: 'add16', menu: [{text: 'Cut Menu Item'}]
},{
text: 'Copy', iconCls: 'add16'
},{
text: 'Format', iconCls: 'add16'
}]
}]
});
});
</script>
</head>
<body></body>
</html>