Question

我有这样的字段集：

Ext.define('admin.view.BuzzEditForm', {
    extend: 'Ext.form.Panel',
    requires: ['Ext.form.FieldSet','Ext.Img'],
    id: 'editorPanel',
    xtype: 'buzzEditForm',
    config: {
        /* modal: true,
         hideOnMaskTap: false,
         centered: true,
         width: 500,
         scrollable: false,*/
        items: [{
            xtype: 'fieldset',
            items: [
                {
                    xtype: 'textfield',
                    name: 'keyword',
                    label: 'Mots clés'
                },
                {
                    xtype: 'textfield',
                    name: 'title',
                    label: 'Titre'
                },
                {
                    id: 'editorPanelvisual',
                    xtype: 'field',
                    label: 'Visuel actuel',
                    component: {
                        xtype: 'image',
                        src: '',
                        height: 200
                    }
                },
                {
                    xtype: 'textfield',
                    name: 'visual',
                    label: 'Visuel'
                }
            ]
        }]
    }
});

我想在editorPanelvisual字段中添加一个按钮。我怎么能这样做？

Answer 1

这需要您更深入地了解Ext.data.Field：

component是输入字段的特殊配置，默认情况下，它设置为{xtype: "input", type: "text"}，这是此解决方法的关键。使用textfield config

缩放button vs flex宽度

试试这个：

{
    id: 'editorPanelvisual',
    xtype: 'field',
    component: {
      xtype: 'container', 
      layout: 'hbox', 
      items: [
      {
        xtype: 'textfield', 
        flex: 3,
      }, 
      {
        xtype: 'button', 
        flex: 1, 
        text: 'test'
      }
      ]},
},

将公开内容添加到字段集字段

1 个答案: