0

これが私がsencha ArchitectとIOSシミュレーターに持っているものです:

IOS/Sencha アーキテクト

それは素晴らしく、まさに私が欲しいものです。

これがChromeで得られるものです

クロム

テキストフィールドはどうなりましたか？彼らは完全にめちゃくちゃです。幅が間違っています。各フィールドは 2 行を取り、編集可能なフィールドはラベルの右でもなく、その下にあります。

誰かがこの問題を理解し、解決するのを手伝ってくれますか?

これが私のコードです

Ext.define('CarboZero.view.EditPanel', {
    extend: 'Ext.ActionSheet',

    requires: [
        'CarboZero.view.DatePicker'
    ],

    config: {
        layout: {
            type: 'vbox'
        },
        items: [
            {
                xtype: 'container',
                itemId: 'hbox_Container',
                maxWidth: '',
                layout: {
                    type: 'hbox'
                },
                items: [
                    {
                        xtype: 'spacer',
                        itemId: 'spacer1'
                    },
                    {
                        xtype: 'container',
                        itemId: 'vbox_Container',
                        layout: {
                            type: 'vbox'
                        },
                        items: [
                            {
                                xtype: 'textfield',
                                itemId: 'name_Field',
                                minHeight: '',
                                label: 'Name'
                            },
                            {
                                xtype: 'datepicker'
                            }
                        ]
                    },
                    {
                        xtype: 'spacer',
                        itemId: 'spacer2'
                    }
                ]
            },
            {
                xtype: 'spacer',
                itemId: 'spacer3',
                maxHeight: 5,
                minHeight: 5
            },
            {
                xtype: 'container',
                itemId: 'buttons_Container',
                layout: {
                    type: 'hbox'
                },
                items: [
                    {
                        xtype: 'spacer',
                        itemId: 'spacer1'
                    },
                    {
                        xtype: 'button',
                        itemId: 'delete_Button',
                        ui: 'decline-round',
                        text: 'Delete'
                    },
                    {
                        xtype: 'spacer',
                        itemId: 'spacer'
                    },
                    {
                        xtype: 'button',
                        itemId: 'save_Button',
                        ui: 'confirm-round',
                        text: 'Save'
                    },
                    {
                        xtype: 'spacer',
                        itemId: 'spacer2'
                    }
                ]
            }
        ]
    }

});

コンテナーの幅を 100% に設定しても、フィールドが 2 行にまたがっています..? 100%コンテナ

ここでも助けが必要です

4

1 に答える 1

0

この種の動作は、コンテナが hbox または vbox に設定されている場合に発生し、コンテナ内の一部のアイテムには flex 値があり、他のアイテムにはありません。

同じコンテナー内にフレックスがあるものとないものを混在させると、時々クラッシュするようです。

于 2013-07-09T16:17:54.393 に答える