Размещение DataView и ListView вместе на одной панели - PullRequest
0 голосов
/ 10 февраля 2012

У меня проблема с проектированием пользовательского интерфейса для разработки приложения с использованием Sencha Touch. Во-первых, я знаком с конструктором интерфейса iPhone, который легко помещал на экран все, что мне нужно, просто перетаскивая объекты, но теперь я мне приходится иметь дело с жестким кодированием только для разработки интерфейса, в частности, моя проблема состоит в том, чтобы поместить представление данных, которое получило XTemplate, поверх представления списка отдельно, так что, когда я хочу прокрутить его вниз, я могу видеть представление списка, но с помощью своего кода я прокручиваю данные смотреть вниз и не видеть представления списка, потому что они действуют, как будто они отделены друг от друга, у них обоих есть своя собственная функция прокрутки :), если я открою приложение с браузером, в котором достаточно места, чтобы показать все ... Я могу либо увидеть представление списка и просмотр данных, так что любые идеи могут быть очень полезны, потому что это ограниченный по времени проект, и я уже трачу много времени на то, чтобы сосредоточиться на нем .. Вы можете увидеть мой код ниже Thx

this.listpanel = new Ext.Panel({
    layout:'fit',
        items: [symbolView,newsBySymbolList],
        dockedItems: [{
            xtype: 'toolbar',
            title: this.record.data.c,
            items: [{
                    ui: 'back',
                    text: 'Back',
                    scope: this,
                    handler: function(){
                        this.ownerCt.setActiveItem(this.prevCard, {
                            type: 'slide',
                            reverse: true,
                            scope: this,
                            after: function(){
                                this.destroy();
                            }
                        });
                    }
                }
                ]   
        }],
        listeners: {
            activate: { fn: function(){
                newsBySymbolList.getSelectionModel().deselectAll();
                Ext.repaint();
            }, scope: this }
        }
    });

1 Ответ

0 голосов
/ 29 февраля 2012

Вы не можете использовать макет: подходят. Вам необходимо использовать следующее на содержащей панели

layout: {
        type: 'vbox',
        align: 'stretch'
    },
scrollable: true,

затем для каждого набора подпредставлений:

flex:1, 
scrollable: false,

Это должно сделать это.

...