extjs 3.3: плавающая панель

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

var testPanel = new Ext.Panel({
                                id: 'testP',
                                width: 50,
                                height: 100,
                                floating: true,
                                title:'Test'
                            });
testPanel.show();

о чем еще мне нужно подумать?

Благодарность!


person Simon    schedule 01.10.2011    source источник


Ответы (1)


При использовании конфигурации floating необходимо учитывать следующее:

1) Фиксированная ширина - что вы и сделали 2) Позиция должна быть задана явно после рендеринга (например, myPanel.setPosition(100,100);).

Вы также можете установить базовую опцию конфигурации Ext.Layer вместо того, чтобы просто установить floating : true. Вы можете сделать это следующим образом:

Ext.Panel({

  //.. other config..,
  floating : {
    //Ext.Layer config options. Maybe a property in that will get you the desired effect that you're looking for.
  }
});

Попробуйте это и обновите!

Ваше здоровье.

person Varun Achar    schedule 02.10.2011