1

Ext JS アプリケーションのデフォルト スタイルを変更する必要があるという要件があります。CSS ファイルの内容を変更することについてはまだ話していません。私はまだそれほど野心的ではありません。これが私が探しているものです:

  1. Submit ボタンと Cancel ボタンが必要だとすると、 xtype:button と text:Save (または Cancel ) を使用します。これにより、テキスト付きのボタンがレンダリングされます。ボタンのルック アンド フィールを変更したい場合はどうすればよいですか? または、ボタンをクールな保存またはキャンセルの画像に置き換えますか?

  2. 現在、ExtJS が表示するデフォルトのフォントを使用して、アプリケーション上のすべてのテキストを取得しています。アプリケーションのすべてのテキストを別のフォントに変更したい場合、どうすればよいですか? フォーム/グリッド内のデータと各コンポーネントのタイトルからすべてを、顧客が好む他のフォントに変更する必要があります。私はどうしたらいいですか?

これらが非常に基本的で一般的な質問であることは理解していますが、タスクを進める前に適切なヘッドアップを探しています。

よろしくお願いします。答えを待っています:)

更新: それで、CSS をどのように処理し、フォントを変更するかを知りました。送信/キャンセルボタンのルックアンドフィールの変更について誰でも助けてもらえますか。

4

2 に答える 2

0

SASSコンパスを使用して独自のテーマを作成するか、既存のテーマを変更することをお勧めします。Ext JSのドキュメントでは、必要に応じて設定できる css 変数を見つけることができます。

于 2013-07-13T22:05:50.633 に答える
0

SASS でテーマを設定する準備ができていない場合は、sencha ドキュメントのボタン構成の例を見てください。

スタンダロンのサンプルページ: http://docs.sencha.com/extjs/4.1.3/extjs-build/examples/button/button.html

ボタンにカスタマイズされた画像を追加するCSS : http://docs.sencha.com/extjs/4.1.3/extjs-build/examples/button/button.css

ボタンの設定を表示する JS : http://docs.sencha.com/extjs/4.1.3/extjs-build/examples/button/button.js

基本的に、これはiconCls、ボタン構成のプロパティを単純な CSS クラスと共に使用して、目的の画像をボタンに追加する方法を示しています。

于 2013-07-16T18:00:53.703 に答える