2011-11-11 18 views
0

UIコンポーネントがformFieldに動的に追加されるアプリケーションがあります。画面上に配置されるUIコントロールは、サーバーの応答に応じて実行時に決定されるため、画面が複数のコンポーネントでいっぱいになることがあります。画面要素が追加されると、画面の最後までフィールドを選択するために画面をスクロールする必要がありました。しかし、私はフォームがバウンスをスクロールするが、スクロールは期待通りに起こっていません。今私はフォームの最後に配置されたUIコントロールを選択することができません。Sencha Touchのスクロールの問題

画面には、タイトルバー、ボタンドックバー、フォームフィールドの3つのコンポーネントがあります。ここで私はフォームフィールドに使用したコードです

var formBase = new Ext.form.FormPanel({ 
       scroll: 'vertical', 
       xtype: 'form', 
       ui: 'round', 
// i have added the items and it shows on UI, As things are dynamic i cant place it here 
       items: [{}]; 

    }); 

同じことを修正するのを手伝ってください。

+0

あなたが別のパネルの内側にこのフォームを入れていますか?あなたは完全なコードを共有できますか?アイテムを追加した後、formBase.doLayout()を呼び出していますか?関数? – Swar

+0

ありがとう私はそれが働いている。 –

+0

私はscroll: 'vertical'、pinHeaders:trueを使用していますが、現在は動作しています。 –

答えて

2

これはこれがうまくいきます。

Ext.apply(this, { 
      scroll: 'vertical', 
      pinHeaders: true, 
      dockedItems : [{}], 
      items : [] 
     }); 
     MyApp.views.MyScreenScreen.superclass.initComponent.call(this); 
    }, 
-1

heightに値を設定すると、問題が解決する場合があります。

0

フォームの高さのために発生します。 FormPanelに渡されたオブジェクトにheightプロパティを追加します。このような何か:

height: Ext.Viewport.getWindowHeight()-(the height of other compenents like toolbar) 

例これについては次のようになります。

height: Ext.Viewport.getWindowHeight()-50