2017-12-05 7 views
0

私は、生産会社で働いている古い(24x80)端末 のために書かれた非常にシンプルなアプリケーションを持っていました。私のクライアントはウェブアプリケーションとして を転送するように頼み、ExtJS 4を使用します。問題なくPCステーション上ExtJS 4スマートフォンサイズ

enter image description here

enter image description here

とその作業:それは 次のようになります。

しかし、私のクライアントの次の質問は、このアプリケーションをタブレットとスマートフォンでも に変更することです。我々は がスマートフォンに比例しているだけの問題は、この画面は小さいです。 とは何ですか?画面サイズに応じてフィールドやフォント、ボタンのサイズを変更するにはどうすればよいですか?

答えて

0

あなたが必要とするのはレスポンシブルアプリケーションです。 問題は、responsiveConfigがExtJS 5に導入されたことです。

extjs 5.0以上に移動できない場合は、this answerをご覧ください。

もう1つの方法は、ビューに複数のインスタンスを使用することです。デスクトップ用、タブレット用、モバイル用の3つのビューインスタンスを作成し、同じコントローラ、モデル、ストアなどを保持し、アプリケーションを初期化すると画面サイズに応じた適切なビューを表示します。

+0

ありがとう、私は5に移動するためにチェックしようとします – Tad

+0

あなたは新しいバージョンに移行するつもりなら、なぜ6.xに移行しないのですか?また、あなたの意見が簡単な場合は、3つのビューのアプローチが簡単になります。幸運なお父さん。 –