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

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

スポンサーサイト

上記の広告は1ヶ月以上更新のないブログに表示されています。
新しい記事を書く事で広告が消せます。
2013/04/04

JavaScript-入力フォームが空の時に入力案内を表示する

Web画面で、入力フォームが空の時に入力案内を表示するというのがよくあります。Sencha Ext JSだとemptyTextコンフィグを書くだけなので楽ですが、今回は素のJavaScriptで作ることになりました。参考URLはこちらです。

ほとんどここに書かれている通りでできたので、加筆することはありません。しいて言えば、submit時に案内文字列を削除しておかないといけない点でしょうか(でないと、案内文自体を送信することになる)。しかし多くの場合、必須入力項目だったりするので、入力チェック時に行うことになりますが。

これだけで終わるのも寂しいので、Ext JS 4での記述方法を書いておきます。ここではcomboboxの例です。

Ext.define('usernameCombo', {
extend: 'Ext.form.field.ComboBox'
,queryMode: 'local'
,width: 250
,editable: false
,triggerAction: 'all'
,id: 'username'
,valueField: 'name'
,displayField: 'name'
,store: store
,emptyText: 'ユーザ名選択'
,fieldLabel: 'ユーザ名:'
});



やはりExt JSは楽ですね。

スポンサーサイト

コメント

コメントの投稿

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

トラックバック

トラックバックURL:http://sookibizviz.blog81.fc2.com/tb.php/1520-8bdfca0e

■  カレンダー

07 | 2017/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コード
上記広告は1ヶ月以上更新のないブログに表示されています。新しい記事を書くことで広告を消せます。