ExtJs 5无法设置文本字段宽度

Question

我无法像以前在ExtJS 4中那样设置文本字段宽度。设置不同类型的布局（锚点，列）或甚至硬编码宽度作为textfield配置都没有效果。文本字段宽度保持不变。面板在窗口中呈现。

    Ext.define('Dash.view.card.CardForm',{
        extend:'Ext.panel.Panel',
        layout:{
            type:'hbox',
            align:'stretch'
        },
        frame:false,
        bodyPadding:25,
        initComponent:function() {


            this.items = [{
                xtype:'fieldset',
                title:'Form',
                layout:'anchor',
                flex:2,
                items:[{
                    xtype:'textfield',
                    fieldLabel:'Name',
                    name:'name',
                    anchor:'100%'
                },{
                    xtype:'textfield',
                    fieldLabel:'SET',
                    name:'set',
                    anchor:'100%'
                },{
                    xtype:'textfield',
                    fieldLabel:'Url',
                    name:'url',
                    anchor:'100%'

                },{
                    xtype:'textfield',
                    fieldLabel:'Price',
                    name:'price',
                    anchor:'100%'
                }]
            },{
                xtype:'fieldset',
                title:'Card Preview',
                flex:1,
                items:[{
                    xtype:'image',
                    name:'preview'
                }]
            }];

            this.callParent(arguments);
        }
    });

使用chrome inspect我注意到渲染的div有适当的宽度，但是它的子html输入没有宽度。

Answer 1

我从带有bootstrap的app启动切换到标准脚本包含，忘了包含正确的css文件。添加ext-theme-crisp-all.css文件后一切正常。