[extjs] ExtJS에서 IFRAME사용하기(Ext.ux.ManagedIframe)

Ext.onReady(function() { Ext.BLANK_IMAGE_URL = '../resources/images/default/s.gif'; var MIF = new Ext.ux.ManagedIFramePanel({ border: false, bodyBorder: false, defaultSrc:'index.html', listeners:{ domready : function(frame) { var fbody = frame.getBody(); var w = Ext.getCmp('myFrameWin'); if(w && fbody){ //calc current offsets for Window body border and padding var bHeightAdj = w.body.getHeight() - w.body.getHeight(true); var bWidthAdj = w.body.getWidth() - w.body.getWidth(true); //Window is rendered (has size) but invisible w.setSize(Math.max(w.minWidth || 0, fbody.scrollWidth + w.getFrameWidth() + bWidthAdj), Math.max(w.minHeight || 0, fbody.scrollHeight + w.getFrameHeight() + bHeightAdj )); //then show it sized to frame document w.show(); } } } }); var windowFrame = new Ext.Window({ title: name, width: 400, //give it something to start with until the frame renders height: 600, hideMode:'visibility', id:'myFrameWin', hidden : true, //wait till you know the size title: 'Sized To Frame Document', plain: true, constrainHeader: true, minimizable: true, ddScroll: false, border: false, bodyBorder: false, layout: 'fit', plain:true, maximizable: true, buttonAlign:'center', items:MIF }); windowFrame.render(Ext.getBody()); });

- managediframe : http://code.google.com/p/managediframe/

- API : http://uxdocs.theactivegroup.com/index.html?class=Ext.ux.ManagedIFrame