getstore - labelalign extjs

Ext.ux.form.field.DateTime preguntas

Question

Creo un complemento Ext.ux.form.field.DateTime, pero aquí hay algunas preguntas:

1. si no configuro ancho / alto, entonces DateTime en la barra de herramientas falta
2. no puede mostrar el ancho correcto en el plugin RowEditing

Ext.define(''Ext.ux.form.field.DateTime'', {
    extend:''Ext.form.FieldContainer'',
    mixins: {
        field: ''Ext.form.field.Field''
    },
    alias: ''widget.datetimefield'',
    layout: ''hbox'',
    width: 200,
    height: 22,
    combineErrors: true,
    msgTarget :''side'',

    dateCfg:{},
    timeCfg:{},

    initComponent: function() {
        var me = this;
        me.buildField();
        me.callParent();
        this.dateField = this.down(''datefield'')
        this.timeField = this.down(''timefield'')
        me.initField();
    },

    //@private
    buildField: function(){
        this.items = [
            Ext.apply({
                xtype: ''datefield'',
                format: ''Y-m-d'',
                width: 100
            },this.dateCfg),
            Ext.apply({
                xtype: ''timefield'',
                format: ''H:i'',
                width: 80
            },this.timeCfg)
        ]
    },

    getValue: function() {
        var value,date = this.dateField.getSubmitValue(),time = this.timeField.getSubmitValue();
        if(date){
            if(time){
                var format = this.getFormat()
                value = Ext.Date.parse(date + '' '' + time,format)
            }else{
                value = this.dateField.getValue()
            }
        }
        return value
    },

    setValue: function(value){
        this.dateField.setValue(value)
        this.timeField.setValue(value)
    },

    getSubmitData: function(){
        var value = this.getValue()
        var format = this.getFormat()
        return value ? Ext.Date.format(value, format) : null;
    },

    getFormat: function(){
        return (this.dateField.submitFormat || this.dateField.format) + " " + (this.timeField.submitFormat || this.timeField.format)
    }
})

Answer 1

Puedes usar flex

        Ext.apply({
            xtype: ''datefield'',
            format: ''Y-m-d'',
            width: 100,
            flex: 2
        },this.dateCfg),
        Ext.apply({
            xtype: ''timefield'',
            format: ''H:i'',
            width: 80,
            flex: 1
        },this.timeCfg)