It's not working....
I want to make this page: when a page is rendered, it has to be made panels.
but DnD is not working and Layout is not working.....OTL......
I think 'portlet column' is problem.
I need your help. Or Can you tell me about its problems.
Thanks....

Source code:

IndividualCharts = function( config ){
Ext.apply( this, config );
var hostlist = this.hosts.split(',');
var tools = [{
id : 'close',
handler : function ( e, target, panel ) {
panel.ownerCt.remove( panel, true );
}
}];


this.store = new Ext.data.JsonStore({
url : '/test/Tester',
baseParams : {
type : 'period',
host : this.hosts,
sdate : '',
stime : '',
edate : '',
etime : '',
category: ''
},
root : 'ic',
fields : [ 'imgs' ]
});

//???????????????????????????????????????????????????????????????????????????
this.board = new Ext.ux.Portal({
region : 'center',
border : false,
autoScroll : true
});

this.store.on( 'load', function( store, records, opts ){
var idx = 0;
var citems =[];


for( var i = 0; i < hostlist.length; i++) {
this.board.add(
{
columnWidth : .25,
style : 'padding:3px 1px 0 3px',
items :
{
title : 'Host : ( ' + hostlist[i] +' ) in ' + new Date().format('Y/m/d'),
html :
'<table>' +
'<tr><td onClick=openWin(\'' + records[idx].data.imgs + '\')>' + '<img src=\'' + records[idx++].data.imgs +'\' width=300 height=250>' + '</td></tr>'+
'<tr><td onClick=openWin(\'' + records[idx].data.imgs + '\')>' + '<img src=\'' + records[idx++].data.imgs +'\' width=300 height=250>' + '</td></tr>'+
'<tr><td onClick=openWin(\'' + records[idx].data.imgs + '\')>' + '<img src=\'' + records[idx++].data.imgs +'\' width=300 height=250>' + '</td></tr>'+
'<tr><td onClick=openWin(\'' + records[idx].data.imgs + '\')>' + '<img src=\'' + records[idx++].data.imgs +'\' width=300 height=250>' + '</td></tr>'+
'<tr><td onClick=openWin(\'' + records[idx].data.imgs + '\')>' + '<img src=\'' + records[idx++].data.imgs +'\' width=300 height=250>' + '</td></tr>'+
'</table>'
}
}
);
};
this.add( citems );
this.doLayout();
}, this);
//???????????????????????????????????????????????????????????????????????????
IndividualCharts.superclass.constructor.call(this, {
title : 'portal test',
autoScroll : true,
listeners : {
'render' : function( chart ){
this.store.load();
}
}
});
};

Ext.extend( IndividualCharts, Ext.Panel, {

remakePanels : function( type ) {
this.removeCharts();
this.loadChartUrls( type );
},
removeCharts : function() {
if( this.items )
this.items.each( function( item, idx, length ) {
this.remove( item );
}, this);
},

loadChartUrls : function ( type ) {
this.store.load({
params : {
host : this.host,
type : type,
sdate : sdate,
stime : stime,
edate : edate,
etime : etime,
category: ''
}
});
}

});