PDA

View Full Version : need to set up a icon view..



bu123
16 Jul 2010, 5:53 AM
I was wondering what the pros would recommend for setting up a icon view that needs to be 3 rows of 3 icons in each row that need to slide to the next card when clicked on? nested list? 3 button groups in a panel? Any help would be appreciated, I am new to Sencha

evant
18 Jul 2010, 9:36 PM
I think DataView would be your best bet.

Something like:



Ext.setup({
tabletStartupScreen: 'tablet_startup.png',
phoneStartupScreen: 'phone_startup.png',
icon: 'icon.png',
glossOnIcon: false,

onReady: function() {
var s = new Ext.data.JsonStore({
data: [{
name: 'Dept A'
},{
name: 'Dept B'
},{
name: 'Dept C'
},{
name: 'Dept D'
},{
name: 'Dept E'
},{
name: 'Dept F'
},{
name: 'Dept G'
},{
name: 'Dept H'
},{
name: 'Dept I'
}],
fields: ['name']
});

var dv = new Ext.DataView({
width: 350,
height: 400,
itemSelector: '.mine',
store: s,
tpl: '<tpl for="."><div class="mine">{name}</div></tpl>'
});
dv.show();
}
});


CSS:


.mine{
width: 100px;
float: left;
height: 100px;
}