利用ExtJs Viewport做iframe屏幕高度自适应

js自适应网上好多方法做的不是很好

想起ExtJs的Viewport可以对center的iframe做

Ext.onReady(function(){
	//iframe 高度自适应
	new Ext.Viewport({
		layout:"border",
		items:[
			{
				region:"center",
				layout:"fit",
				items:[{
					autoScroll : false,
					html : "<iframe id="hpdiv" scrolling="no" frameborder="0" width="100%" height="100%" src="${appPath}${url}"></iframe>"
				}]
			}
		]
	});
	var oFrm = document.getElementById("hpdiv");
	oFrm.onload = oFrm.onreadystatechange = function() {
	     if (this.readyState && this.readyState != "complete"){
	     	return;
	     } else {
	        iframeOnReadyStateChange();
	     }
	}
});