如何在 Extjs4 表单中填写 HtmlEditor xtype

Posted

技术标签:

【中文标题】如何在 Extjs4 表单中填写 HtmlEditor xtype【英文标题】:How to fill HtmlEditor xtype in Extjs4 form 【发布时间】:2013-06-28 12:36:53 【问题描述】:

您好,我有一个 Extjs 4 表格,我想用我的商店记录填写。

这是模型:

Ext.define('Policy', 
    extend: 'Ext.data.Model',
    fields: [
        name:'policyName', type:'string',
        name:'description', type:'string',
        name:'agreement', type:'string'
    ]
);

这里是 htmleditor 字段:


xtype: 'htmleditor',
fieldLabel : 'Agreement',
name: 'agreement'

当显示表单时,我调用 loadRecord 方法来填充字段。名称和描述策略字段已正确填写,但协议字段未填写。这是我填写字段的方式:

var record = store.findRecord('policyName', policyName);
formPanel.getForm().setValues(record.data);

如果我将协议字段作为文本字段,它可以正常工作,但我需要此文本的高级视图,因为它是 html 格式。有人知道如何填写 htmleditor 字段吗? 另外...是否可以在此字段上以原始模式查看 html?

【问题讨论】:

【参考方案1】:

你也可以这样做,我知道它是有效的,因为我使用它。

Ext.getCmp('formpanel').getForm().setValues(record.data);

假设您尝试加载一条记录,并且模型中的字段名称与表单字段的名称匹配。

【讨论】:

抱歉耽搁了……我在去办公室之前无法测试您的解决方案。我试过这个:formPanel.getForm().setValues(record.data);但它仍然无法正常工作 您的协议价值是什么样的?

以上是关于如何在 Extjs4 表单中填写 HtmlEditor xtype的主要内容,如果未能解决你的问题,请参考以下文章

extjs4.x如何获取纯html写的表单数据??

如何在 extjs4 中更改 fieldLabel 样式

Extjs4.1:再现表单布局

如何在 Extjs 4 中使用嵌套的 JSON 填充表单

extjs4如何多次显示字段

Extjs 4.1 提交表单 - 如何在 xtype: displayfield 中获取值