FC2ブログ

サラリーマンのすらすらIT日記

IT関連を中心とした日々を綴ります。
2012/04/14

Ext JS-textfieldの背景色、文字色設定

textfieldの背景色、文字色などを設定してみました。

var style = 'color:#000000; background:lightgreen; textAlign:center; fontWeight:bold';
new Ext.Panel({
layout: 'table', border: false
,items: [
{xtype: 'textfield', width: 100, value: 'abc', style: style}
]
,renderTo: Ext.getBody()
});




styleコンフィグで指定することはすぐにわかったのですが、どう書くかがわからない。Ext JSのAPI Documentationには、styleコンフィグはstringだとしながら、オブジェクトで書いたサンプルコードが書いてある。



で、Senchaの公式Q&Aサイトと想像で何とかわかったのが、上記の書き方。セミコロンで区切るところが、cssを思わせます。cssならtext-align、font-weightだから、camelケースにしてtextAlign、fontWeightだろうという連想です。

自身の備忘録のために書いておきました。

スポンサーサイト



コメント

コメントの投稿

  • URL
  • コメント
  • パスワード
  • 秘密
  • 管理者にだけ表示を許可する

トラックバック

トラックバックURL:http://sookibizviz.blog81.fc2.com/tb.php/1165-b50c68d6

■  カレンダー

07 | 2020/08 | 09
- - - - - - 1
2 3 4 5 6 7 8
9 10 11 12 13 14 15
16 17 18 19 20 21 22
23 24 25 26 27 28 29
30 31 - - - - -

■  プロフィール

sookibizviz

Author:sookibizviz
仕事の内容やソフトの紹介を交えながら、日々の悪戦苦闘を綴っていきます。

■  最新記事

■  最新コメント

■  最新トラックバック

■  月別アーカイブ

■  カテゴリ

未分類 (64)
BizViz (24)
IT (1119)
計量 (76)
環境 (26)
数学 (181)
ニュース (46)
本 (187)
音楽 (113)
囲碁 (5)
将棋 (26)
ブログ (14)
日記 (19)

■  FC2カウンター

■  検索フォーム

■  RSSリンクの表示

■  QRコード

QRコード