1 
var dr = Ext.create('Ext.FormPanel', {
    frame: true,
    //title: 'Date Range',
    bodyPadding: '5px 5px 0',
    width: 650,
    fieldDefaults: {
        labelWidth: 125,
        msgTarget: 'side',
        autoFitErrors: false
    },
    defaults: {
        width: 300
    },
    defaultType: 'datefield',
    items: [{
        fieldLabel: 'Start Date',
        name: 'startdt',
        id: 'startdt',
        vtype: 'daterange',
        endDateField: 'enddt' // id of the end date field
    }, {
        fieldLabel: 'End Date',
        name: 'enddt',
        id: 'enddt',
        vtype: 'daterange',
        startDateField: 'startdt' // id of the start date field
    }, {
        xtype: 'combobox',
        fieldLabel: 'Vehicle',
        name: 'state11212',
        store: cmbstore,
        valueField: 'DeviceID',
        displayField: 'VehicleNo',
        typeAhead: true,
        queryMode: 'local',
        emptyText: 'Select a Vehicle...'
    }]
});

このコードには3行があり、
1行目は開始日フィールドです
。2行目は終了日フィールドです
。3行目はコンボボックスです。

質問

1行目を2列にし、2列目に終了日フィールドを作成する方法は、平均終了日フィールドが開始日フィールドの右側にあることを意味しますか？

4

1 に答える 1

1

hboxレイアウト（layout: 'hbox'）を使用できます。

コンテナ全体にアイテムを水平に配置するレイアウト。このレイアウトは、オプションで、数値フレックス構成を含む子アイテム間で使用可能な水平方向のスペースを分割します。

実例： http： //jsfiddle.net/nue7j/

于 2013-02-14T20:10:07.470 に答える