点击保存后再次弹出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
分享到:
相关推荐
2. Ext HTMLEditor组件 Ext HTMLEditor是一个强大的HTML编辑器组件,它提供了一种在浏览器中编辑HTML内容的方式。用户可以通过这个组件直接在网页上编辑文本,添加样式、图片等元素,编辑结果实时可见。HTMLEditor...
HtmlEditor组件提供了一个富文本编辑环境,支持插入图片、链接、表格等HTML元素。 #### 四、高级组件与工具 ##### 1. **SplitButton(分割按钮)** SplitButton组件是一个带有下拉菜单的按钮,常用于扩展按钮的...
在EXT框架中,Htmleditor是一个非常实用的组件,它允许用户在网页上直接编辑HTML内容,就像使用一个完整的文本编辑器一样。本教程将深入讲解如何在EXT Htmleditor的工具栏中添加一个插入图片的功能按钮,并拓展讨论...
### Ext组件概述与详解 #### 一、Ext基础组件 **1.1 Box Component (Ext.BoxComponent)** - **xtype**: `box` - **功能描述**:Box Component 是一个非常基本的 Ext 组件,主要用于定义具有边框和其他布局属性的...
EXT.form组件是EXT JS库中用于构建表单界面的核心组件集合。这些组件提供了一系列丰富的控件,用于创建具有不同功能的交互式表单。在EXT JS中,表单组件不仅包含基本的输入字段,还支持复杂的输入类型和验证机制。 ...
CKEditor的集成是通过ExtJS的`xtype`属性实现的,`xtype`是定义组件类型的关键字。在创建ExtJS表单时,你可以将CKEditor作为表单字段的一种类型来使用,这样用户就可以在表单中直接编辑HTML代码,而不是简单的纯文本...
"带插图功能的EXT html编辑器"是一个EXT社区的创新扩展,为EXT的HtmlEditor组件增加了图像上传和插入功能。这个扩展使得EXT的HTML编辑器变得更加实用,特别适合那些需要在网页内容中添加图片的场景,如博客、论坛、...
* htmleditor:一个 HTML 编辑器组件,用于编辑 HTML 内容。 * numberfield:一个数字字段组件,用于编辑数字。 * radio:一个单选框组件,用于选择某些选项。 * textarea:一个文本区域组件,用于编辑文本。 * ...
xtype: 'htmleditor', width: 600, height: 400, plugins: ['sourcearea'], // 添加源码查看插件 toolbar: [ { name: 'bold', text: '加粗' }, { name: 'italic', text: '斜体' }, { name: 'insertimage', ...
本主题聚焦于如何扩展ExtJS库中的HtmlEditor组件,以便更好地处理来自Microsoft Word的复制粘贴操作以及表格操作。HtmlEditor是ExtJS提供的一款强大的富文本编辑器,允许用户在网页中创建和编辑HTML内容,类似于桌面...
9. **`htmleditor`** - `Ext.form.HtmlEditor`,HTML编辑器,用于编辑富文本。 10. **`label`** - `Ext.form.Label`,标签组件,用于为表单字段提供描述。 11. **`numberfield`** - `Ext.form.NumberField`,...
9. **插件和扩展**:EXT社区提供了许多表单验证相关的插件和扩展,如`Ext.form.field.Picker`,用于下拉选择验证,以及`Ext.form.field.HtmlEditor`,用于富文本编辑器的验证。 10. **实际应用**:在实际项目中,...
为了实现图片上传功能,我们需要扩展这个基本的htmleditor组件,添加一个自定义的按钮,点击该按钮触发图片上传的流程。 接着,我们讨论图片上传的实现。在前端,这通常涉及到一个文件输入元素(`...
在本文中,我们将深入探讨Ext Form组件,这是Ext JS中的核心组件之一,用于创建复杂的表单界面。表单是任何Web应用中收集用户输入的关键部分,而Ext JS提供了一套完整的工具来帮助开发者创建、验证和提交表单数据。 ...
var editor = new Ext.form.HtmlEditor({ width: 500, height: 300, enableAlignments: true, enableLists: true, enableLinks: true, enableImages: true, // 开启图片插入功能 plugins: ['sourceedit'] // ...
总之,Ext JS的表单组件及其数据校验功能,为Web应用开发提供了强大且灵活的工具集,使得创建高质量的用户界面变得既简单又高效。通过合理配置和利用这些组件,开发者能够构建出既美观又实用的Web应用程序,显著提升...
EXT JS中的表单是其强大功能的一部分,提供了多种表单控件,如TextField、TextArea、DateField、TimeField、HtmlEditor、ComboBox、Checkbox和Radio。以创建一个简单的表单为例,可以使用FormPanel来组织这些控件: ...
在本文中,我们将深入探讨ExtJS 2.0中的FormPanel组件,并通过具体的示例来了解如何使用不同的组件,如checkbox、radio以及htmleditor。首先,Ext.FormPanel是ExtJS中用于创建表单的主要组件,它允许我们构建复杂的...
- `xtype: 'htmleditor'`,富文本编辑器组件。 21. **inputType** 属性 - 输入类型。 - 示例:`inputType: 'password'`,密码输入类型。 22. **anchor** 属性 - 设置组件占据容器的比例。 - 示例:`anchor: '...
可以使用`Ext.form.field.HtmlEditor`的`getValue`和`setValue`方法,或利用双向数据绑定实现。 6. **兼容性与优化**:确保KindEditor与ExtJS的其他组件和布局系统兼容。可能需要调整编辑器的大小和位置,或者处理...