Put a nestedlist in a tabpanel? doesn't work in Sencha touch 2....
I am trying to put a nested list as a tab in a tabpanel... i assume following codes should work.. however, it doesn't. the list items don't show... since this was a bug in touch-1 PR version, i am wondering whether this is another one in touch-2 PR version...
Code:
<!DOCTYPE html><html>
<head>
<title>Test</title>
<link rel="stylesheet" href="http://docs.sencha.com/touch/2-0/touch/resources/css/sencha-touch.css" type="text/css">
<script type="text/javascript" src="http://docs.sencha.com/touch/2-0/touch/sencha-touch-all.js"></script>
<script type="text/javascript">
Ext.setup({
onReady : function() {
var nestedList = Ext.create('Ext.dataview.NestedList', {
title: 'Options',
items: [{
text: 'Option A',
items: [{
text: 'Option A.1',
leaf: true
},{
text: 'Option A.2',
leaf: true
}]
},{
text: 'Option B',
items: [{
text: 'Option B.1',
leaf: true,
},{
text: 'Option B.2',
leaft: true
}]
}]
});
Ext.create('Ext.TabPanel', {
fullscreen: true,
tabBarPosition: 'bottom',
items: [
{
title: 'Home',
iconCls: 'home',
items: [nestedList]
},
{
title: 'Contact',
iconCls: 'user',
html: 'Contact Screen'
}
]
});
}
});
</script>
</head>
<body>
</body>
</html>
