0

このコードは完全に機能し、パネルは画面の中央に浮かんでいます。

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

次に、このコードを簡単に再利用できる煎茶オブジェクトにしようとしています。

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

カスタムコードは画面の中央に配置されません。変数をコンソールします。フラグ「centered」はまだfalseです。

それを知りたいのですが、特定の位置でビューポートに追加することは可能ですか？ボタンの位置にダイアログが表示されるように。

これは、煎茶コードの外で（cssを使用して）スタイリングすることで実行できることがわかりました。しかし、それでも煎茶でどのように設定できるか知りたい

前もって感謝します

4

1 に答える 1

1

ボタンをタップしてダイアログを表示するなど、別のコンポーネントによってコンポーネントを表示する場合は、showBy メソッドを使用できます。

dialog.showBy(button);

showBy メソッドは、コンポーネントと、コンポーネントを整列させたい特定の位置の 2 つの引数を取ります。

Sencha docs からの詳細情報

于 2012-10-03T11:26:03.083 に答える