EXT之htmleditor扩展

EXT之htmleditor扩展：扩展一个可以上传图片的功能

/******************HTMLEditor扩展*********************/
	HTMLEditor = Ext.extend(Ext.form.HtmlEditor, {
		addImage : function() {
			var editor = this;
			var imgform = new Ext.FormPanel({
				region : 'center',
				labelWidth : 55,
				frame : true,
				bodyStyle : 'padding:5px 5px 0',
				autoScroll : true,
				border : false,
				fileUpload : true,
				items : [{
							xtype : 'textfield',
							fieldLabel : '选择文件',
							id:'file_path',
							width:450,
							inputType : 'file',
							allowBlank : false,
							blankText : '文件不能为空',
							height : 25,
							anchor : '90%'
						}],
				buttons : [{
					text : '上传',
					type : 'submit',
					handler : function() {
						if (!imgform.form.isValid()) {return;}
						imgform.form.submit({
							waitMsg : '正在上传......',
							url : '../../jsp/item/webImageRst.jsp?item_code=' + text_item_code.getValue()+'&file_path='+Ext.getCmp('file_path').getValue(),
							success : function(form, action) {
								var element = document.createElement("img");
								element.src = action.result.img;
								if (Ext.isIE) {
									editor.insertAtCursor(element.outerHTML);
								} else {
									var selection = editor.win.getSelection();
									if (!selection.isCollapsed) {
										selection.deleteFromDocument();
									}
									selection.getRangeAt(0).insertNode(element);
								}
								win.close();
							},
							failure : function(form, action) {
								form.reset();
								if (action.failureType == Ext.form.Action.SERVER_INVALID)
									Ext.MessageBox.alert('警告','上传失败');
							}
						});
					}
				}, {
					text : '关闭',
					type : 'submit',
					handler : function() {
						win.close(this);
					}
				}]
			})


			var win = new Ext.Window({
						title : "上传图片",
						width : 600,
						height:140,
						modal : true,
						border : false,
						iconCls : "picture.png",
						layout : "fit",
						items : imgform


					});
			win.show();
		},
		createToolbar : function(editor) {
			HTMLEditor.superclass.createToolbar.call(this, editor);
			this.tb.insertButton(16, {
				cls : "x-btn-icon",
				icon : "../../ExtJS/resources/images/default/picture.png",
				handler : this.addImage,
				scope : this
			});
		}
	});
	Ext.reg('StarHtmleditor', HTMLEditor);
	/******************HTMLEditor扩展*********************/