JavaScript

<br />
/**<br />
 * <br />
 * @class MyImgConfWin<br />
 * @extends Ext.Window<br />
 */<br />
MyImgConfWin = Ext.extend(Ext.Window, {<br />
<br />
			constructor : function() {<br />
				//...<br />
				//.......<br />
				var fbutton = new Ext.ux.form.FileUploadField({<br />
							//.....<br />
							listeners : {<br />
								'fileselected' : function(fb, v) {<br />
<br />
									//...<br />
									<br />
									//can not get args because of the lazy load<br />
									var args = this.setEditorStyle(v);<br />
									<br />
									this.resizableImg(args);<br />
									<br />
								},<br />
								scope:this<br />
							}<br />
						});// end fbutton<br />
			<br />
				MyImgConfWin.superclass.constructor.call(this, {<br />
							//.....<br />
<br />
						});// end call<br />
<br />
			},// end constructor<br />
<br />
			/**<br />
			 * init resizable<br />
			 * @param {} args<br />
			 */<br />
			resizableImg : function(args) {<br />
						var x = args[0],<br />
								y = args[1],<br />
								maxH = args[2],<br />
								maxW = args[3];<br />
					//do other stuff<br />
			},// end resizableImg<br />
			<br />
			/**<br />
			 * init editor sytle<br />
			 * <br />
			 * @param {} src<br />
			 * @return {}<br />
			 */<br />
			setEditorStyle:function(src){<br />
				var imgEl = Ext.get('MyImgConfWin-imgEdiId'), <br />
					imgDom = imgEl.dom,<br />
					resizableEl = Ext.get('MyImgConfWin-imgResizableId'), <br />
					resizableDom = resizableEl.dom;<br />
				<br />
				var imgHelper = new Image(),<br />
					imgHelperH = null,<br />
					imgHelperW = null;<br />
				<br />
				var args = [];<br />
				imgHelper.onload = function() {<br />
					<br />
					imgHelperH = imgHelper.height;<br />
					imgHelperW = imgHelper.width;<br />
 <br />
					var h = (356 > imgHelperH) ? imgHelperH : 356;<br />
					var w = (415 > imgHelperW) ? imgHelperW : 415;<br />
					 <br />
					h = (40 > h) ? 40 : h;<br />
					w = (40 > w) ? 40 : w;<br />
		<br />
					imgDom.style.height = h;<br />
					imgDom.style.width = w;<br />
		<br />
					 <br />
					resizableDom.style.height = (80 < h) ? (h / 2) : 40;<br />
					resizableDom.style.width = (80 < w) ? (w / 2) : 40;<br />
		<br />
					 <br />
					imgDom.style.marginTop = (356 > imgHelperH)<br />
							? ((356 - imgHelperH) / 2)<br />
							: 1;<br />
					imgDom.style.marginLeft = (415 > imgHelperW)<br />
							? ((415 - imgHelperW) / 2)<br />
							: 1;<br />
		<br />
					imgDom.src = src;<br />
		<br />
					 <br />
					var x = imgEl.getX(), y = imgEl.getY();<br />
					x = (h > 100) ? (x + 10) : x;<br />
					y = (w > 100) ? (y + 10) : y;<br />
		<br />
					var maxH = (356 > imgHelperH) ? (h-5) : 300;<br />
					var maxW = (415 > imgHelperW) ? (w-5) : 380;<br />
		<br />
					args.push(x);<br />
					args.push(y);<br />
					args.push(maxH);<br />
					args.push(maxW);<br />
<br />
					<br />
				}<br />
				// after onload for fix lazy load<br />
				imgHelper.src = src;<br />
				<br />
				//how to return args??<br />
				reutrn args;<br />
<br />
			},//end setEditorStyle<br />
			<br />
		});// end MyImgConfWin<br />
<br />