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

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

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

Something like:

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>'


width: 100px;
float: left;
height: 100px;