0

此代码完美地工作面板浮动屏幕的中心，

 Ext.Viewport.add({
      xtype: 'panel',
      layout: 'vbox',
      flex: 1,
      modal: true,
      centered: true,
      floating: true,
      ...
 });

然后我尝试使这个代码成为一个易于重用的 sencha 对象。

 Ext.Viewport.add(Ext.create('Ext.Dialog'));

这是我的对话框自定义代码。与上面的代码配置相同

 Ext.define('Ext.Dialog', {
      extend: 'Ext.Panel',
      ...
      config: {
          ...
          layout: 'vbox',
          flex: 1,
          modal: true,
          floating: true,
          centered: true,
          ...
      }
 });

自定义代码不在屏幕中央。我控制台变量“居中”标志仍然为假。

我想知道，是否可以添加到具有特定位置的视口？像按钮位置上的对话框显示。

我发现这可以通过在 sencha 代码之外设置样式来完成（使用 css）。但仍然想知道如何使用 sencha 进行配置

先感谢您

4

1 回答 1

1

如果您想通过另一个组件显示一个组件，例如通过点击一个按钮来显示您的对话框，您可以使用 showBy 方法：

dialog.showBy(button);

showBy 方法有两个参数，即您的组件和您希望组件对齐的特定位置。

来自 Sencha 文档的更多信息

于 2012-10-03T11:26:03.083 回答