Ext htmleditor 组件问题

最新推荐文章于 2025-11-17 13:09:23 发布

原创最新推荐文章于 2025-11-17 13:09:23 发布 · 194 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#ext #htmleditor

本文描述了一个使用ExtJS框架创建表单并进行数据提交时遇到的问题：提交后再次打开表单时，光标无法定位到编辑区域。文章提供了具体的代码示例，并寻求解决方案。

部署运行你感兴趣的模型镜像

[color=blue]
点击保存后再次弹出FormPanel,光标无法移入编辑域,请教高人?
附件为效果图
[/color]
// 窗体中的Form


var articleForm = new Ext.form.FormPanel( {
	frame : true,
	// height:1030,
	// layout:{type:'absolute'},
	region : 'center',
	labelAlign : 'right',
	buttonAlign : 'center',
	// autoDestroy:true,
	labelWidth : 55,
	items : [{
		xtype : 'htmleditor',
		name: 'editDocContent',
		height : 200,
		anchor : '98%'
	}],
	buttons : [ {
		xtype : 'button',
		text : '保存',
		handler : function() {
			if(articleForm.form.isValid() == true){
				articleForm.form.submit({
					url: 'document/documentCreate.action',
					success: function(form, action){
						articleFormShow.hide();
						Ext.Msg.alert("提示", action.result.msgBack);		
						articleGrid.load("document/documentSearch.action","articleList", 30, fieldsAll);
					},
					failure : function() {
						Ext.Msg.alert('错误', '系统维护中！');
					},
					waitMsg : '正在上传数据，稍后...'
				});
			}
		}
	}, {
		xtype : 'button',
		text : '重置'
	} ]
});