`
SpringLin
  • 浏览: 140088 次
  • 性别: Icon_minigender_1
  • 来自: 湖南
社区版块
存档分类
最新评论

Ext htmleditor 组件问题

阅读更多

点击保存后再次弹出FormPanel,光标无法移入编辑域,请教高人?
附件为效果图

// 窗体中的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 : '重置'
	} ]
});

  • 大小: 19.6 KB
分享到:
评论
1 楼 zengdingshan 2012-12-27  
你好,我也遇到同样的问题,而且次问题只在ie上面才会出现,请问你解决了吗?求解决方案,谢谢!

相关推荐

    Ext Htmleditor 支持上传图片

    2. Ext HTMLEditor组件 Ext HTMLEditor是一个强大的HTML编辑器组件,它提供了一种在浏览器中编辑HTML内容的方式。用户可以通过这个组件直接在网页上编辑文本,添加样式、图片等元素,编辑结果实时可见。HTMLEditor...

    Ext组件说明 Ext组件概述

    HtmlEditor组件提供了一个富文本编辑环境,支持插入图片、链接、表格等HTML元素。 #### 四、高级组件与工具 ##### 1. **SplitButton(分割按钮)** SplitButton组件是一个带有下拉菜单的按钮,常用于扩展按钮的...

    EXT扩展Htmleditor,在工具栏中添加插入图片按钮,可选择图片插入到编辑器中(也可添加其他功能按钮)

    在EXT框架中,Htmleditor是一个非常实用的组件,它允许用户在网页上直接编辑HTML内容,就像使用一个完整的文本编辑器一样。本教程将深入讲解如何在EXT Htmleditor的工具栏中添加一个插入图片的功能按钮,并拓展讨论...

    Ext组件描述,各个组件含义

    ### Ext组件概述与详解 #### 一、Ext基础组件 **1.1 Box Component (Ext.BoxComponent)** - **xtype**: `box` - **功能描述**:Box Component 是一个非常基本的 Ext 组件,主要用于定义具有边框和其他布局属性的...

    EXT.form组件

    EXT.form组件是EXT JS库中用于构建表单界面的核心组件集合。这些组件提供了一系列丰富的控件,用于创建具有不同功能的交互式表单。在EXT JS中,表单组件不仅包含基本的输入字段,还支持复杂的输入类型和验证机制。 ...

    Ext的CKEditor组件

    CKEditor的集成是通过ExtJS的`xtype`属性实现的,`xtype`是定义组件类型的关键字。在创建ExtJS表单时,你可以将CKEditor作为表单字段的一种类型来使用,这样用户就可以在表单中直接编辑HTML代码,而不是简单的纯文本...

    带插图功能的ext html编辑器

    "带插图功能的EXT html编辑器"是一个EXT社区的创新扩展,为EXT的HtmlEditor组件增加了图像上传和插入功能。这个扩展使得EXT的HTML编辑器变得更加实用,特别适合那些需要在网页内容中添加图片的场景,如博客、论坛、...

    Ext中xtype和vtype.

    * htmleditor:一个 HTML 编辑器组件,用于编辑 HTML 内容。 * numberfield:一个数字字段组件,用于编辑数字。 * radio:一个单选框组件,用于选择某些选项。 * textarea:一个文本区域组件,用于编辑文本。 * ...

    Extjs_htmleditor插件

    xtype: 'htmleditor', width: 600, height: 400, plugins: ['sourcearea'], // 添加源码查看插件 toolbar: [ { name: 'bold', text: '加粗' }, { name: 'italic', text: '斜体' }, { name: 'insertimage', ...

    扩展的ExtJS HtmlEditor可处理Microsoft Word和表操作中的粘贴

    本主题聚焦于如何扩展ExtJS库中的HtmlEditor组件,以便更好地处理来自Microsoft Word的复制粘贴操作以及表格操作。HtmlEditor是ExtJS提供的一款强大的富文本编辑器,允许用户在网页中创建和编辑HTML内容,类似于桌面...

    ExtJs组件类的对应表

    9. **`htmleditor`** - `Ext.form.HtmlEditor`,HTML编辑器,用于编辑富文本。 10. **`label`** - `Ext.form.Label`,标签组件,用于为表单字段提供描述。 11. **`numberfield`** - `Ext.form.NumberField`,...

    EXT 表单验证EXT 表单验证

    9. **插件和扩展**:EXT社区提供了许多表单验证相关的插件和扩展,如`Ext.form.field.Picker`,用于下拉选择验证,以及`Ext.form.field.HtmlEditor`,用于富文本编辑器的验证。 10. **实际应用**:在实际项目中,...

    完整的Extjs4 htmleditor上传图片插件(包括实例和用法)

    为了实现图片上传功能,我们需要扩展这个基本的htmleditor组件,添加一个自定义的按钮,点击该按钮触发图片上传的流程。 接着,我们讨论图片上传的实现。在前端,这通常涉及到一个文件输入元素(`...

    ext 的ppt ext 的ppt ext 的pptext 的pptext 的ppt

    在本文中,我们将深入探讨Ext Form组件,这是Ext JS中的核心组件之一,用于创建复杂的表单界面。表单是任何Web应用中收集用户输入的关键部分,而Ext JS提供了一套完整的工具来帮助开发者创建、验证和提交表单数据。 ...

    htmleditor扩展插入图片功能,使用Extjs+servlet请求实现

    var editor = new Ext.form.HtmlEditor({ width: 500, height: 300, enableAlignments: true, enableLists: true, enableLinks: true, enableImages: true, // 开启图片插入功能 plugins: ['sourceedit'] // ...

    ext_表单提交_数据校验

    总之,Ext JS的表单组件及其数据校验功能,为Web应用开发提供了强大且灵活的工具集,使得创建高质量的用户界面变得既简单又高效。通过合理配置和利用这些组件,开发者能够构建出既美观又实用的Web应用程序,显著提升...

    EXT 完美教程

    EXT JS中的表单是其强大功能的一部分,提供了多种表单控件,如TextField、TextArea、DateField、TimeField、HtmlEditor、ComboBox、Checkbox和Radio。以创建一个简单的表单为例,可以使用FormPanel来组织这些控件: ...

    .archExtJs2.0学习系列(7)--Ext.FormPanel之第四式(其他组件示例篇).doc

    在本文中,我们将深入探讨ExtJS 2.0中的FormPanel组件,并通过具体的示例来了解如何使用不同的组件,如checkbox、radio以及htmleditor。首先,Ext.FormPanel是ExtJS中用于创建表单的主要组件,它允许我们构建复杂的...

    ext常用操作

    - `xtype: 'htmleditor'`,富文本编辑器组件。 21. **inputType** 属性 - 输入类型。 - 示例:`inputType: 'password'`,密码输入类型。 22. **anchor** 属性 - 设置组件占据容器的比例。 - 示例:`anchor: '...

    在Ext中集成KindEditor4.0正式版

    可以使用`Ext.form.field.HtmlEditor`的`getValue`和`setValue`方法,或利用双向数据绑定实现。 6. **兼容性与优化**:确保KindEditor与ExtJS的其他组件和布局系统兼容。可能需要调整编辑器的大小和位置,或者处理...

Global site tag (gtag.js) - Google Analytics