1

私は次のものを持っています。最初の項目「作成」を右揃えにしたいです。

「tbfill」を使用して整列することについて読んだことがあります。しかし、実装でこれを使用する方法がわかりません。

        dockedItems:[                        {
                        xtype:'toolbar',
                        flex:1,
                        dock:'top',
                        items:[
                            {


                                xtype:'button',
                                id: 'ContactCreate',
                                name: 'ContactCreate',
                                text:'Create',
                                action:'create',
                                align: 'right',
                                style: 'float:right',
                                width:'100',
                                iconCls:'icon-add'


                            },
                            {
                                xtype:'button',
                                id: 'ContactSave',
                                name: 'ContactSave',
                                text:'Save',
                                action:'save',
                                width:'100',
                                iconCls:'icon-save'
                            },


                            {
                                xtype:'button',
                                id: 'ContactDelete',
                                name: 'ContactDelete',
                                text:'Delete',
                                action:'delete',
                                width:'100',
                                iconCls:'icon-delete'
                            }


                        ]
                    }
                ],
4

1 に答える 1

4

実際のアイテムに tbfill を追加することを考えていました。これが実際の例です。

                dockedItems:[
                    {
                        xtype:'toolbar',
                        flex:1,
                        dock:'top',
                        items:[
                            {
                                xtype:'button',
                                id: 'ContactSave',
                                name: 'ContactSave',
                                text:'Save',
                                action:'save',
                                width:'100',
                                iconCls:'icon-save'
                            },
                            {
                                xtype:'button',
                                id: 'ContactDelete',
                                name: 'ContactDelete',
                                text:'Delete',
                                action:'delete',
                                width:'100',
                                iconCls:'icon-delete'
                            },
                            { xtype: 'tbfill' },
                            {

                                xtype:'button',
                                id: 'ContactCreate',
                                name: 'ContactCreate',
                                text:'Create',
                                action:'create',
                                width:'100',
                                iconCls:'icon-add'

                            }


                        ]
                    }
                ],
于 2012-07-30T08:21:46.357 に答える