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扩展*********************/