SHOEISHA iD

※旧SEメンバーシップ会員の方は、同じ登録情報(メールアドレス&パスワード)でログインいただけます

CodeZine編集部では、現場で活躍するデベロッパーをスターにするためのカンファレンス「Developers Summit」や、エンジニアの生きざまをブーストするためのイベント「Developers Boost」など、さまざまなカンファレンスを企画・運営しています。

現役エンジニア直伝! 「現場」で使えるコンポーネント活用術(InputMan)(AD)

InputManの表現力をWebに!
「InputMan for ASP.NET」徹底解説

  • このエントリーをはてなブックマークに追加

ダウンロード サンプルソース (21.2 KB)

多機能な設定も容易

 InputMan for ASP.NET付属コントロールは、多機能であるがゆえにプロパティの数が標準コントロールよりも多くなっています。そこで生じる問題として「どのプロパティを指定すれば良いのかわからない」「どんな機能があるのかわからない」というものが考えられます。

スマートタグの活用

 こうした問題の解決策として、InputMan for ASP.NET付属コントロールではコントロールのタスクを「スマートタグ」から呼び出せるようになっています。

図7 スマートタグの例(Comboタスク)
図7 タスクの例(Comboタスク)

 Comboコントロールならではの「カラムを編集」なども、スマートタグに表示されるため、拡張機能への“気付き”にもなると思います。

プロパティページの活用

 スマートタグに載っていないプロパティについても、プロパティウィンドウより分かりやすい「プロパティページ」で設定が可能です。

図8 プロパティページの例(Comboプロパティ)
図8 プロパティページの例(Comboプロパティ)

標準コントロールよりも柔軟な操作性

 Webアプリケーションで「最大文字数まで入力し終えたら次のコントロールに移動する」「左右の矢印キーでコントロールのフォーカスを移動する」のような操作性を実現するには、従来JavaScriptを駆使して実現しなくてはなりませんでした。そもそも、Webアプリケーションでこのような操作性が必要かという議論もありますが、ユーザビリティの高いアプリケーションを作成するのであれば、あるに越したことはないでしょう。InputMan for ASP.NET付属コントロールでは、ExitOnLastCharプロパティとExitOnLeftRighKeyプロパティを使うだけで、これらを簡単に実現することができます。

ExitOnLastCharプロパティ

 想定された最大文字列長まで文字列を入力すると自動的に次のコントロールに移動するように指定するには、ExitOnLastCharプロパティをTrueに設定します。

図9 ExitOnLastCharプロパティをサポートするコントロール
図9 ExitOnLastCharプロパティをサポートするコントロール

 サンプルソース内にある「CZ0907ExitOnLastChar」は、[ExitOnLastChar]チェックボックスをチェックを入れると、画面上のコントロールのExitOnLastCharプロパティの値がTrueに書き換えられます。例えばComboコントロールであれば、「12345」と5桁の文字を入力すると自動的にフォーカスがDateコントロールに移ります。

 ちなみに、一度入力されたコントロールが再びフォーカスを取得した場合、カーソルは前回入力した位置に移動します。そのため、HighlightTextプロパティをAllに設定して、コントロールがフォーカスを受け取ったときにテキストをすべて選択するようにしておくといいでしょう。

次のページ
Webアプリケーションでファンクションキーを使用可能に

この記事は参考になりましたか?

  • このエントリーをはてなブックマークに追加
現役エンジニア直伝! 「現場」で使えるコンポーネント活用術(InputMan)連載記事一覧

もっと読む

この記事の著者

初音玲(ハツネアキラ)

 国内SIerのSEでパッケージ製品開発を主に行っており、最近は、空間認識や音声認識などを応用した製品を手掛けています。 個人的には、仕事の内容をさらに拡張したHoloLensなどのMRを中心に活動しています。 Microsoft MVP for Windows Development ブログ:http://hatsune.hatenablog.jp/

※プロフィールは、執筆時点、または直近の記事の寄稿時点での内容です

【AD】本記事の内容は記事掲載開始時点のものです 企画・制作 株式会社翔泳社

この記事は参考になりましたか?

この記事をシェア

  • このエントリーをはてなブックマークに追加
CodeZine(コードジン)
https://codezine.jp/article/detail/4282 2009/09/02 16:19

おすすめ

アクセスランキング

アクセスランキング

イベント

CodeZine編集部では、現場で活躍するデベロッパーをスターにするためのカンファレンス「Developers Summit」や、エンジニアの生きざまをブーストするためのイベント「Developers Boost」など、さまざまなカンファレンスを企画・運営しています。

新規会員登録無料のご案内

  • ・全ての過去記事が閲覧できます
  • ・会員限定メルマガを受信できます

メールバックナンバー

アクセスランキング

アクセスランキング