Dagolin
28 Mar 2012, 7:03 AM
Here's my code
The panel :
this.listpanel = new Ext.Panel({
items: this.list,
layout: 'fit',
})
The List & Store :
this.list = new Ext.List({
itemTpl: '<span class="name" style="width:50%">{title}</span>',
scroll : {
bounces : false
},
store: new Ext.data.Store({
model: 'Mylist',
proxy: {
type: 'scripttag',
url : 'json.json',
reader: {
type: 'json',
root: 'Mylist'
}
}
})
});
Data :
stcCallback1001({"Mylist":[ {
"title": "Data1"
},
{
"title": "Data2"
},
{
"title": "Data3"
},
{
.
.
.
,{"title": "Data33"}
]});
When scroll over the bottom boundary , it bounces back (as we expect), however it wont stop at bottom (Data 33 ) but stop in the halfway(30~31).
And when scroll over the top boundary , sometimes (not always) it will not bounce back enough to attach the top boundary , leave some extract blank area on the top of the list.
And as you can see , I even tried to set bounce : false but its not working at all.
Could anyone help? Thanks alot!
The panel :
this.listpanel = new Ext.Panel({
items: this.list,
layout: 'fit',
})
The List & Store :
this.list = new Ext.List({
itemTpl: '<span class="name" style="width:50%">{title}</span>',
scroll : {
bounces : false
},
store: new Ext.data.Store({
model: 'Mylist',
proxy: {
type: 'scripttag',
url : 'json.json',
reader: {
type: 'json',
root: 'Mylist'
}
}
})
});
Data :
stcCallback1001({"Mylist":[ {
"title": "Data1"
},
{
"title": "Data2"
},
{
"title": "Data3"
},
{
.
.
.
,{"title": "Data33"}
]});
When scroll over the bottom boundary , it bounces back (as we expect), however it wont stop at bottom (Data 33 ) but stop in the halfway(30~31).
And when scroll over the top boundary , sometimes (not always) it will not bounce back enough to attach the top boundary , leave some extract blank area on the top of the list.
And as you can see , I even tried to set bounce : false but its not working at all.
Could anyone help? Thanks alot!