Question

I am trying to create a floating panel over other pre-created panels, I tried following simple codes, but failed:

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

what else I need to think about?

感谢!

Answer 1

在使用<代码>floating时需要注意:

1) Fixed width - which you ve done 2) The position must be set explicitly after render (e.g., myPanel.setPosition(100,100);).

您还可以确定背后出的Ext. Layer config备选办法,而不是仅仅制定floating : real。您可以采取以下方式:

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.
  }
});

Try this and update!

乘客。

友情链接