ExtJs4 서버에 사용자 정의 레이아웃 저장

                                state = [];
                                var portal = Ext.getCmp("app-portal");
                                // PortalColumn
                                var items = portal.items;
                                for(var i=0;i<items.getCount();i++) {
                                    var c = items.get(i);
                                    // PortalColumn portlet 
                                    c.items.each(function(item, index) {
                                        var st = {id:item.id, col:i, index:index};
                                        state.push(st);
                                    });
                                };
                                alert(Ext.JSON.encode(state));



handler: function() {
                                var portal = Ext.getCmp("app-portal");
                                //PortalColumn
                                var items = portal.items;

                                // 
                                for (var i = 0; i < items.getCount(); i++) {
                                    var c = items.get(i);  
                                    c.items.each(function(portlet){  
                                        c.remove(portlet, false);  
                                    });  
                                }
                                //           
                                for (var i = 0; i < state.length; i++) {
                                    var st = state[i];
                                    items.get(st.col).add(Ext.getCmp(st.id));
                                }
                            }