2017-06-17 11 views
3

私はダイアログ内にいくつかのタブを持っています。それぞれには少なくとも1つの必須フィールドがあります。 ExtJS allowBlackプロパティを使用してこれらのフィールドにアスタリスク記号を簡単に表示できますが、そのプロパティはExtJS TabPanelのタブタイトルでは機能しません。ExtJS TabPanelのタブタイトルで必須シンボルを表示するにはどうすればよいですか?

必要な/アスタリスク記号を各タブのタイトルの横に赤色で表示して、必須項目を含むタブをユーザーが知る良い方法はありますか?

答えて

3

あなたが望むように機能するには、プログラミングが必要です。

基本的には、formに必要なフィールド(allowBlank: false)があるかどうかを確認し、アスタリスクを追加します。 応答性を高めたい場合は、validitychangeリスナを追加して、入力時にタイトルに*を追加したり削除したりすることができます。

CSSを使用してスタイルを追加/削除することができます。 https://fiddle.sencha.com/#view/editor&fiddle/21mu

注:この例では、注2

ExtJSの4に適合する必要がありますので、ExtJSの6で動作するように設定されているこの例ここで

は一例です required属性を追加/削除するためのオーバーライドが含まれているため、CSSの検証を簡単に処理できますが、必要なものではありません。

関連する問題