ActiveWidgetsでAjax!

2008年9月16日(火)
清野 克行

ActiveWidgetsコントロールライブラリ

本連載では、ActiveWidgetsの使い方を具体的に紹介していきます。ActiveWidgetsはWebUIの操作性を向上させるコントロールライブラリで、ActiveWidgetsの公式サイトからライブラリの内容を見ることができます。

公式サイトで最初に紹介されているのが図1のようなグリッドコントロールです。これはExcelのようなLook&Feelを備えており、Webサイト上の画面からもデータの更新やクリックソートなどを体感することができます。

もちろんこうしたグリッドのほかにも多くのコントロールがサポートされています。HTMLフォームコントロールと同様のものもありますが、独自のコントロールも多く含まれており、例えばタブメニュー、ツリーコントロール、コンボボックス、グループコントロールなど、HTMLフォームにはないActiveWidgets独自のコントロールなどが多数用意されています。

今回、紹介するサンプルプログラムでは、図1のグリッドコントロールとコンボボックスを使用します。

コンボボックスは、一見セレクトメニューと似た形をしていますが、プルダウンで表示される選択リストからの選択だけでなく、選択リストにない場合は、選択表示フィールドに直接キー入力して指定することができます。これは小さな違いのように見えるかもしれませんが、選択に柔軟性を与える点でセレクトメニューよりはるかに使い勝手のよいコントロールです。

例えば、業務系アプリケーションでは、必要な選択項目が数百以上あるけれど、そのうちよく使用するのは数十だけというような場合があります。このような場合、HTMLのセレクトメニューで、数百以上の項目をすべてプルダウンで表示するのは事実上不可能です。これに対してコンボボックスであれば、普段使われる項目のみをプルダウンから選択するようにし、まれに使用される項目は直接選択表示フィールドに入力するというように設計することができます。

ActiveWidgetsのセットアップ

それではまずはActiveWidgetsコントロールのセットアップを紹介しましょう。

ActiveWidgetsはActiveWidgets SARL社がサポートするライブラリで、GPLと商用ライセンスがあるデュアルライセンスの有料ソフトです。しかし、フリートライアル版でも十分ActiveWidgetsの機能を体感することができるので、最初はフリートライアル版で試してみることをお勧めします。

ActiveWidgetsの公式サイトで画面上部右で「FreeTrial」をクリックするとフリーダウンロードの画面に切り替わり、その画面上にある「activewidgets-2.x.x-trial.zip」をクリックすると、ファイルがダウンロードされます。

ダウンロードしたZIPファイルを解凍するとActiveWidgetsのディレクトリが作成され、その下に「common」「examples」「runtime」「source」の4つのディレクトリが作成されます。この中のexamplesの中にある「quickref」を開くと、ActiveWidgets SARL社で提供しているコントロールのhtmファイルがセットで入っており、マウスのダブルクリックでコントロールが表示され、コントロールの動作を体感することができます。

次はいよいよ、サンプルプログラムを使って、ActiveWidgetsを使ってみましょう。

有限会社サイバースペース
慶應義塾大学工学部電気科卒。日本IBM、日本HPなどにおいて、製造装置業を中心とした業務系/基幹業務系システムのSE/マーケティングや、3階層C/Sアーキテクチャによる社内業務システム開発などに携わる。現在は、Ajax/Web 2.0関連のセミナー講師/コンサルティング、書籍執筆などを行っている。情報処理学会会員。http://www.at21.net/

Think ITメルマガ会員登録受付中

Think ITでは、技術情報が詰まったメールマガジン「Think IT Weekly」の配信サービスを提供しています。メルマガ会員登録を済ませれば、メルマガだけでなく、さまざまな限定特典を入手できるようになります。

Think ITメルマガ会員のサービス内容を見る

他にもこの記事が読まれています