ExtJs4 desktop 开发 桌面图标换行
以下是Ext4 的desktop桌面图标换行问题网上流传的解决方法 （是存在问题的）
init: function() {
this.callParent();
this.initShortcut();
}
注意 自定义函数 init 要放在 callParent 的下面。否则页面初始化的时候。没有换行。只有在变换页面高度的时候，才换行。
initShortcut:function(){
//shortcuts 自动换行
var btnHeight = 70;//61
var btnWidth = 64;
var btnPadding = 35;//15
var col = null;
var row = null;
function initColRow(){
col = {
index: 1,
x: btnPadding
};
row = {
index: 1,
y: btnPadding
};
}
initColRow();
function isOverflow(y){
//if(y > (Ext.lib.Dom.getViewHeight() - taskbarEl.getHeight())){
if(y>Ext.get('ext-gen1003').getHeight()-Ext.get('taskbar-1024').getHeight()){
return true;
}
return false;
}
this.setXY = function(item){
var bottom = row.y + btnHeight,
overflow = isOverflow(row.y + btnHeight);
if(overflow && bottom > (btnHeight + btnPadding)){
col = {
index: col.index++,
x: col.x + btnWidth + btnPadding
};
row = {
index: 1,
y: btnPadding
};
}
Ext.fly(item).setXY([
col.x
, row.y
]);
row.index++;
row.y = row.y + btnHeight + btnPadding;
};
this.handleUpdate = function(){
initColRow();
//var items=shortcuts.dom.children;
var items = Ext.query(".ux-desktop-shortcut");
for(var i = 0, len = items.length; i < len; i++){
this.setXY(items[i]);
}
}
this.handleUpdate();
//每过 500 毫秒重绘页面
Ext.EventManager.onWindowResize(this.handleUpdate, this, {
delay:500
});
//end shortcuts 自动换行
}
问题：
依据此方法修改后，当浏览器窗口大小改变后桌面图标才会换行显示，第一次进入应用程序后桌面图标任然没有换行显示
解决方法：
在this.handleUpdate(); 后加
Ext.Function.defer(this.handleUpdate, 500, this, [])；