JavaScript の使い方
© 2002-2008 Unify Corporation All rights reserved. Sacramento California, USA
No part of this tutorial may be reproduced, transmitted, transcribed, stored in a retrieval system, or translated into any language or computer language, in any form or by any means, electronic, mechanical, magnetic, optical, chemical, manual or otherwise without the prior written consent of Unify Corporation.
Unify Corporation makes no representations or warranties with respect to the contents of this document and specifically disclaims any implied warranties of merchantability or fitness for any particular purpose. Further, Unify Corporation reserves the right to revise this document and to make changes from time to time in its content without being obligated to notify any person of such revisions or changes.
The Software described in this document is furnished under a Software License Agreement. The Software may be used or copied only in accordance with the terms of the license agreement. It is against the law to copy the Software on tape, disk, or any other medium for any purpose other than that described in the license agreement. The Unify Corporation Documentation Group values and appreciates any comments you may have concerning our documents. Please address comments to:
1-800-24 UNIFY or 1-800-GO-UNIFY;(916) 928-6400 FAX (916) 928-6401
UNIFY and DataServer are registered trademarks of Unify Corporation. Unify NXJ is a trademark of Unify Corporation. Java and J2EE are registered trademarks of Sun Microsystems, Inc. in the U.S. and other countries. JReport is a trademark of Jinfonet Corporation. IBM, Lotus, Lotus Notes, Cloudscape, and WebSphere are trademarks of International Business Machines Corporation in the United States, other countries, or both. CASAHL Technology and ecKnowledge are registered trademarks of CASAHL Technology, Inc. in the U.S. and other countries.All other products or services mentioned herein may be registered trademarks, trademarks, or service marks of their respective manufacturers, companies, or organizations.
Name: Working with JavaScript Release: Unify NXJ 12
JavaScript の使い方
こ のマ ニ ュ アルでは、 JavaScript ベースの コ ン ト ロールを作成 し て NXJ フ ォ ームに追 加す る方法を説明 し ます。 JavaScript ベースの コ ン ト ロール と は、 実行時のユーザ イ ン タ フ ェ ースが JavaScript で記述 さ れてい る コ ン ト ロールです。 JavaScript ベースの コ ン ト ロ ールには以下の 2 つのカ テ ゴ リ があ り ます。 • フ ォ ームの部品 と し て作成 さ れる コ ン ト ロール • 再利用可能な ス タ ン ド ア ローン コ ン ト ロール こ のマ ニ ュ アルでは、 それぞれの タ イ プの JavaScript ベースの コ ン ト ロールを作成す る作業について説明 し ます。フ ォ ームのパーツ と し て作成する
JavaScript コ ン ト ロール
こ のセ ク シ ョ ン では、 JavaScript を使 っ て NXJ フ ォ ームにデジ タ ル時計を追加する例 を示 し ます。 埋込み型 JavaScript コ ン ト ロールを作成する には、 以下の タ ス ク を実行 し ます。 • タ ス ク 1: JavaScript ソ ース フ ァ イルの作成 • タ ス ク 2: JavaScript を フ ォ ームに配置する • タ ス ク 3: JavaScript に関連する プ ロパテ ィ を設定 • タ ス ク 4: ア プ リ ケーシ ョ ンの実行タ ス ク 1: JavaScript ソ ース フ ァ イルの作成
最初に、 時計の関数宣言を含む JavaScript ソ ース フ ァ イルを作成 し ます。 ア プ リ ケー シ ョ ンデザ イ ナで、 Static Content フ ォ ルダ を右 ク リ ッ ク し て、 新規作成 > JavaScript を選択 し ます。 こ れは自動的に新 し い .js フ ァ イルを作成 し 、 開かれるのでその フ ァ イ ルを使 っ て編集 し ます。
下の コ ー ド を コ ピ ー し て、 新 し い フ ァ イルに貼 り 付けます。
// Writes the current time in the clock <div> function setClock()
{
var time = new Date(); var hours = time.getHours(); var minutes = time.getMinutes();
minutes=((minutes < 10) ? "0" : "") + minutes; var seconds = time.getSeconds();
seconds=((seconds < 10) ? "0" : "") + seconds; document.getElementById('clock').innerHTML = hours + ":" + minutes + ":" + seconds;
//set a timer to change the clock every second timer = setTimeout("setClock()",1000);
}
// Renders the clock <div> to the HTML document document.write("<div id='clock'></div>"); setClock(); } こ れを保存 し て ‘clock’ に名前を変更 し ます。 .js 拡張子は、 ア プ リ ケーシ ョ ンデザ イ ナに よ っ て追加 さ れます。 拡張子は、 表示 さ れたオ ブ ジ ェ ク ト 名には現れません。
タ ス ク 2: JavaScript を フ ォ ームに配置する
時計を追加 し たい フ ォ ーム を開き ます。 最初に、 コ ン ト ロールパレ ッ ト の JavaScript ボ タ ン を ク リ ッ ク し て、 次にデザ イ ンパネルの フ ォ ー ムを ク リ ッ ク し ます。 こ の操作で、 フ ォ ームに コ ン ト ロールを配置 し 、 ‘X’ と ボ ッ ク ス を使い中央に JavaScript と 書かれた様式で表示 さ れま す。 こ の コ ン ト ロ ールは、 Java ス ク リ プ ト の実行時の見え方を表現 す るのではな く 、 フ ォ ームにスペース を確保す るサ イ ズ を設定 し ます。タ ス ク 3: JavaScript に関連する プ ロパテ ィ を設定
3 つの コ ン ト ロ ールプ ロパテ ィ を使 っ て JavaScript コ ン ト ロ ールを設定 し ます。 Includes、 JavaScript、 Links です。• Includes プ ロパテ ィ
JavaScript コ ン ト ロ ールの Includes プ ロパテ ィ の値の列を ク リ ッ ク し ます。 Select JavaScript Files ダ イ ア ロ グが表示 さ れるので、 フ ォ ームに呼び出 し たい JavaScript を含む フ ァ イ ルを指定 し ます clock.js フ ァ イ ル を選択 し て、 矢印 ボ タ ン を使 っ て含むの列に移動 し ます。 OK ボ タ ン を ク リ ッ ク し て、 ダ イ ア ロ グ を 閉 じ ます。 • JavaScript プ ロパテ ィ JavaScript コ ン ト ロ ールの JavaScript プ ロパテ ィ の値の列を ク リ ッ ク し ます。 こ の操作は、 実行 し たい JavaSctipt を入力する こ と ので き る JavaScript エデ ィ タ を開き ます。 多 く のサー ド パーテ ィ JavaScript コ ンポーネ ン ト は、 オ ブ ジ ェ ク ト の初期化 と 適切な HTML を表現する ための メ ソ ッ ド を持 っ ています。 サン プルでは、 上記の drawClock() メ ソ ッ ド に よ っ て行われます。 こ れを呼び出す には、 ポ ッ プ ア ッ プ ダ イ ア ロ グに drawClick() を入力 し ます。 次に OK ボ タ ン を ク リ ッ ク し て、 プ ロパテ ィ の設定を保存 し ます。 • Links プ ロパテ ィ JavaScript コ ン ト ロ ールの Links プ ロパテ ィ の値の列を ク リ ッ ク し ます。 こ の 操作は、 Style Sheet フ ァ イルの ド ロ ッ プ ダウ ン リ ス ト を開き ます。 JavaScript
コ ン ポーネ ン ト が専用のス タ イルセ ッ ト を使 っ てい る場合、 フ ォ ームに含める ために こ こ にス タ イルセ ッ ト を追加す る こ と がで き ます。 こ のサン プルは追加 の フ ァ イルを必要 と し ないため何 も 入力 し ません （定義済みス タ イルの 1 つ を 使用するか、 default.css フ ァ イルで新 し いス タ イルを定義する こ と がで き ま す。）
タ ス ク 4: フ ォ ームの実行
最後に、 フ ォ ームを実行する と 、 時計が現在の時刻を示 し て フ ォ ーム上に現れます。ス タ ン ド ア ローン JavaScript コ ン ト ロール
ス タ ン ド ア ロ ーン JavaScript コ ン ト ロールは、 NXJ ア プ リ ケーシ ョ ンの コ ンポーネ ン ト と し て使用で き ます。 ス タ ン ド ア ロ ーン JavaScript コ ン ト ロールには、 JavaScript フ ィ ール ド コ ン ト ロ ール と JavaScript ト リ ム コ ン ト ロールの 2 種類があ り ます。 • JavaScript フ ィ ール ド コ ン ト ロール : 値を持つ JavaScript フ ィ ール ド コ ン ト ロ ー ルです。 NXJ プ ログ ラ ミ ング言語の観点からは、 テキス ト フ ィ ール ド な どの他 の フ ィ ール ド コ ン ト ロールに似ています。 JavaScript フ ィ ール ド コ ン ト ロールの 例 と し ては日付選択 コ ン ト ロールやス ピ ナ コ ン ト ロールがあ り ます。 • JavaScript ト リ ム コ ン ト ロール : 値を持たない JavaScript ト リ ム コ ン ト ロールで す。 NXJ プ ログ ラ ミ ング言語の観点からは、 行な どの他の ト リ ム コ ン ト ロール に似ています。 JavaScript ベースの コ ン ト ロ ールは、 以下の 3 つの フ ァ イルで定義 し ます。 • JavaScript ソ ース フ ァ イル。 • オプ シ ョ ンのグ ラ フ ィ カル JavaBean。 JavaBean は、 ア プ リ ケーシ ョ ンデザイ ナで コ ン ト ロールを描画 し 、 JavaScript を生成 し て ク ラ イ ア ン ト 上で コ ン ト ロー ルを イ ン ス タ ン ス化する ために使用 し ます。 • オプ シ ョ ンの BeanInfo ク ラ ス。 BeanInfo は、 ア プ リ ケーシ ョ ンデザイ ナ を拡張 し て コ ン ト ロールのカ ス タ ムプ ロパテ ィ をサポー ト する ために使用 し ます。 こ のマ ニ ュ アルでは、 JavaScript ベースの フ ィ ール ド コ ン ト ロールを例 と し て使用 し ま す。 使用す る コ ン ト ロ ールは、 ユーザが値を設定す る ために使用で き る ス ピ ナオ ブ ジ ェ ク ト です。 JavaScript ベースの コ ン ト ロ ールを作成す る には以下の作業 を実行 し ます。• タ ス ク 1: JavaScript ソ ース を記述する • タ ス ク 2: （オプ シ ョ ン） グ ラ フ ィ カル JavaBean を作成する • タ ス ク 3: （オプ シ ョ ン） BeanInfo を作成する • タ ス ク 4: コ ンポーネン ト を フ ォ ームや他のコ ン テナに配置する • タ ス ク 5: ア プ リ ケーシ ョ ンの実行 作業内容は以下のセ ク シ ョ ン で説明 し ます。
タ ス ク 1: JavaScript ソ ース を記述する
JavaScript フ ァ イ ルには、 コ ン ト ロ ールを表すオ ブ ジ ェ ク ト の コ ン ス ト ラ ク タ があ る こ と が必要です。 通常、 コ ン ス ト ラ ク タ には多 く の引数があ り ます。 こ れ ら の引数には前 後を囲む div の名称 も あ り ます。 コ ン ス ト ラ ク タ には以下の機能があ り ます。 • 視覚的に表現 し た コ ン ト ロールを含める よ う に ド キ ュ メ ン ト を変更する。 こ れ は、 document.write を呼び出すか div に内部 タ グ を設定する と 実行で き ます。 • コ ン ト ロールに一連の メ ソ ッ ド を定義する。 こ れ らの メ ソ ッ ド には getValue と setValue があ り ます。 ま た、 すべての コ ン ト ロール専用プ ロパテ ィ で使用で き るゲ ッ タ と セ ッ タ も あ り ます。 ゲ ッ タ には引数がな く 、 プ ロパテ ィ の現在の値を返 し ます。 セ ッ タ には引数が 1 つあ り ます。 プ ロパテ ィ の値です。 値が有効であれば true を返 し 、 値が無効 であれば false を返 し ます。 コ ン ト ロ ールが フ ィ ール ド の場合、 getValue/setValue メ ソ ッ ド のペア を定義す る必要 も あ り ます。 こ れ ら の メ ソ ッ ド には コ ン ト ロ ール専用プ ロパテ ィ のゲ ッ タ お よ びセ ッ タ と 同 じ シグニ チ ャ があ り ますが、 取得 し て設定す るのは コ ン ト ロ ールの値です。JavaScript
フ ィ ール ド の作成
1. ア プ リ ケーシ ョ ン デザ イ ナで フ ァ イル > プ ロ ジ ェ ク ト を開 く を選択 し 、 JavaScript コ ン ト ロ ールを含める プ ロ ジ ェ ク ト を開 き ます。2. Classes フ ォ ルダ を右 ク リ ッ ク し て 新規作成 > JavaScript Field を選択 し 、 新 し い 空の JavaScript フ ィ ール ド コ ン ト ロールを作成 し ます。 コ ン ト ロ ールが作成 さ れ、 デ フ ォ ル ト の名前が割 り 当て ら れます。 コ ン ト ロ ール名 を変更する には、 プ ロ ジ ェ ク ト タ ブ で名前を右 ク リ ッ ク し て名前の変更 を選択 し ま す。 コ ン テ ン ト パネルのデザ イ ン タ ブ に、 図のよ う な JavaScript プ レ イ スホルダ コ ン ト ロ ールが表示 さ れます。
3. JavaScript タ ブ を ク リ ッ ク す る と JavaScript テ ン プ レ ー ト フ ァ イ ルが表示 さ れま す。 ア プ リ ケーシ ョ ン デザ イ ナで、 コ ン ト ロ ールの JavaScript フ ァ イルのデ フ ォ ル ト の テ ン プ レ ー ト が作成 さ れます。 こ の フ ァ イルには コ ン ト ロ ール名を名前に持つ コ ン ス ト ラ ク タ があ り 、 ア ン ダース コ アの代わ り にス ラ ッ シ ュ と バ ッ ク ス ラ ッ シ ュ が使 用 さ れています。 コ ン ス ト ラ ク タ には引数が 1 つあ り ます。 div の名称です。 コ ン ト ロ ールが フ ィ ール ド の場合、 フ ァ イルに も 空の getValue メ ソ ッ ド と setValue メ ソ ッ ド が含まれます。 コ ン ス ト ラ ク タ は メ ソ ッ ド を設定 し 、 registerComponent を呼び出 し ます。 コ ン ト ロ ールが ト リ ムの場合、 コ ン ス ト ラ ク タ は registerComponent だけ を呼び出 し ます。 JavaScript タ ブ（ス テ ッ プ 3）
4. 独自の コ ー ド を テ ン プ レ ー ト に追加 し ます。 例えば、 ス ピ ナ JavaScript 定義は以下のよ う にな り ます。 function Spinner(divName) { this.div = window.document.getElementById(divName); if (this.div) { this.div.getValue = Spinner.prototype.getValue; this.div.setValue = Spinner.prototype.setValue; this.div.enterValue = Spinner.prototype.enterValue; this.div.value = 0;
// add other code to create the element var parentDiv;
if (this.div.parentNode)
parentDiv = this.div.parentNode; else if (this.div.parentElement) parentDiv = this.div.parentElement;
var divWidth = parentDiv.style.width.slice(0,-2); var index = document.images.length;
document.write(‘<table cellpadding=”0” cellspacing=”0” border=”0”><tr><td rowspan=”2”>’);
document.write(‘<input style=”float: left; width: ‘ + (divWidth - 11) + ‘px” type=”text” name=”’ + divName + ‘input” id=”’ + divName + ‘input”>’);
document.write(‘</td><td>’);
document.write(‘<a href=”about:blank” ‘ +
‘onmouseup=”document.images[‘ + index + ‘].src = \’../Static_Content/ SpinnerUpUnpressed.png\’;” ‘ +
‘onmouseout=”document.images[‘ + index + ‘].src = \’../Static_Content/ SpinnerUpUnpressed.png\’;” ‘ +
‘id=”’ + divName + ‘up”>’);
document.write(‘<img src=”../Static_Content/SpinnerUpUnpressed.png” ‘ + ‘style=”width: 11px; height: 11px; border: none”>’);
document.write(‘</a></td></tr><tr><td>’); document.write(‘<a href=”about:blank” ‘ +
‘onclick=”document.images[‘ + (index + 1) + ‘]._sp.onClickDown(); return false;” ‘ + ‘onmousedown=”document.images[‘ + (index + 1) + ‘].src = \’../ Static_Content/SpinnerDownPressed.png\’;” ‘ + ‘onmouseup=”document.images[‘ + (index + 1) + ‘].src = \’../ Static_Content/SpinnerDownUnpressed.png\’;” ‘ + ‘onmouseout=”document.images[‘ + (index + 1) + ‘].src = \’../ Static_Content/SpinnerDownUnpressed.png\’;” ‘ +
‘id=”’ + divName + ‘down”>’);
document.write(‘<img src=”../Static_Content/SpinnerDownUnpressed.png” ‘ + ‘style=”width: 11px; height: 11px; border: none”>’);
document.write(‘</a></td></tr></table>’); document.images[index]._sp = this;
document.images[index + 1]._sp = this;
this.div.textField = document.all[divName + ‘input’]; } } Spinner.prototype.getValue = function() { return this.textField.value; } Spinner.prototype.setValue = function(value) { this.textField.value = value; } Spinner.prototype.enterValue = function() { // add code to get input value from the user
// We are using a standard text field as the main object in our // Javascript component, so this is not needed.
} Spinner.prototype.onClickUp = function() { this.div.textField.value++; } Spinner.prototype.onClickDown = function() { this.div.textField.value--; } 5. フ ァ イル > 保存 を選択 し て JavaScript を保存 し ます。 フ ォ ームス ク リ プ ト お よ び Java ソ ース と は異な り 、 JavaScript 構文エ ラ ーは NXJ デザ イ ン セ ン タ に報告 さ れません。
タ ス ク 2: （オプ シ ョ ン）
グ ラ フ ィ カル JavaBean を作成する
JavaScript コ ン ト ロ ール上で コ ン ト ロ ール専用プ ロパテ ィ をサポー ト し た り 、 デザ イ ン パネルで コ ン ト ロ ールを描画す る方法を カ ス タ マ イ ズす る場合は、 JavaBean を定義す る必要があ り ます。 JavaBean は Swing コ ン ポーネ ン ト を継承す る必要があ り ます。 ま た、ルを イ ン ス タ ン ス化する ための JavaScrip ス ニペ ッ ト を返 し ます。 ほ と んどの場合、 getInstantiationCode メ ソ ッ ド は こ のス ニペ ッ ト を bean のプ ロパテ ィ 値の根拠に し ま す。 タ ス ク 1 で コ ン ト ロールが作成 さ れた時点で、 ア プ リ ケーシ ョ ンデザ イ ナは コ ン ト ロー ルのテ ン プ レ ー ト JavaBean フ ァ イルを作成 し ま し た。 コ ン ト ロ ールが別の JavaBean コ ン ト ロ ールを継承する場合、 テ ン プ レー ト は以下の コ ー ド を構成 し ます。
package <package name of component>; import <name of base class's bean>; class <component name>Bean
extends < base class' bean> { } JavaBean フ ァ イ ルを編集す る には、 ア プ リ ケーシ ョ ン デザ イ ナの コ ン テ ン ト パネルで JavaBean タ ブ を ク リ ッ ク し ます。 コ ン ト ロ ールの JavaBean が正 し く コ ンパ イ ル さ れ る と 、 JavaBean が表示 さ れ、 コ ン ト ロールが描画 さ れます。 プ ロパテ ィ タ ブ には、 標準の コ ン ト ロ ールプ ロパテ ィ であ る Background や Font な ど があ り ます。 JavaScript コ ン ポーネ ン ト は コ ン ト ロ ール専用プ ロパテ ィ を定義で き ます。 こ れ ら のプ ロパテ ィ を使 っ て、 コ ン ポーネ ン ト の実行時の外観 と ク ラ イ ア ン ト サ イ ド の動作を設定 し ます。 コ ン ポーネ ン ト 専用プ ロパテ ィ は、 JavaBean にゲ ッ タ と セ ッ タ を追加 し てオ プ シ ョ ン で BeanInfo に コ ー ド を追加 し て定義 し ます。 コ ン ポーネ ン ト 専用プ ロパテ ィ は設計時 と 実行時に設定で き ます。 サーバ と ク ラ イ ア ン ト の間の通信プ ロ ト コ ルには、 名前 と 値のペアの リ ス ト をや り と り す る こ と が必要で す。 ク ラ イ ア ン ト サ イ ド の コ ー ド は、 コ ン ポーネ ン ト のゲ ッ タ と セ ッ タ を呼び出 し て プ ロパテ ィ の取得 と 設定を行います。 コ ンパ イ ラ では、 コ ン ポーネ ン ト 専用プ ロパテ ィ を取得 し て設定する フ ィ ール ド ス タ イ ル構文をサポー ト する ために、 JavaBean の内部調査、 プ ロパテ ィ 名の指定、 対応する
<div> <script language="javascript"> snippet returned by getInstantiationCode </script> </div>
div の属性には コ ン ポーネ ン ト の標準 コ ン ト ロ ールプ ロパテ ィ （Background、
Foreground、 Width、 Height な ど） が設定 さ れてい ます。 ア プ リ ケーシ ョ ン デザ イ ナが イ ン ス タ ン ス化 コ ー ド を生成す る場合、 getInstantiationCode で戻 さ れる スニペ ッ ト を 実行 し て、 $DIV の各 イ ン ス タ ン ス を div の名称に置き換え ます。
タ ス ク 3: （オプ シ ョ ン） BeanInfo を作成する
BeanInfo は JavaBean の メ タ デー タ を提供す る Java ク ラ ス で、 Beans プ ロパテ ィ の名 前 と 各プ ロパテ ィ の カ ス タ ムエデ ィ タ です。 BeanInfo の使用は JavaBeans の仕様で定 義 さ れています。 タ ス ク 1 で JavaScript コ ン ト ロールを作成 し た と き、 ア プ リ ケー シ ョ ン デザ イ ナは以下のよ う なデ フ ォ ル ト の BeanInfo を作成 し ま し た。 • JavaScript コ ン ト ロールが別の JavaScript コ ン ト ロールを継承 し 、 ベース コ ン ト ロールに BeanInfo がある場合、 ア プ リ ケーシ ョ ンデザイ ナはそのベース コ ン ト ロールの BeanInfo を継承する BeanInfo を作成 し ます。 • それ以外の場合、 BeanInfo には何も含まれません。 こ れは、 ア プ リ ケーシ ョ ン デザイ ナは コ ン ト ロールの BeanInfo ク ラ ス を コ ンパイルせず、 BeanInfo ク ラ ス がない bean の Java 規則に基づいて bean のプ ロパテ ィ と 配置済みエデ ィ タ を 指定する必要があ る こ と を示 し ています。 パレ ッ ト に JavaScript ベースの コ ン ト ロールを配置する と 、 ア プ リ ケーシ ョ ンデザ イ ナは BeanInfo を使 っ て コ ン ト ロ ールの カ ス タ ムア イ コ ン を検索 し ます。 BeanInfo がア イ コ ンの相対パス を返せば、 Static Content に対 し て相対的であ る と 見な さ れます。 ア プ リ ケーシ ョ ン デザ イ ナには以下の 3 つの Swing ク ラ スがあ り 、 カ ス タ ムエデ ィ タ と し て使用で き ます。 • テキス ト フ ィ ール ド 用、 … ボ タ ンあ り • ア プ リ ケーシ ョ ンデザイ ナの色選択用 • ア プ リ ケーシ ョ ンデザイ ナの タ グエデ ィ タ 用
タ ス ク 4: コ ンポーネン ト を フ ォ ームや
他の コ ン テナに配置する
フ ォ ームや他の コ ン テ ナに JavaScript コ ンポーネ ン ト を配置する ス テ ッ プは、 以下の と お り です。 1. ア プ リ ケーシ ョ ン デザ イ ナで、 JavaScript コ ンポーネ ン ト を配置する コ ン テナ を開 き ます。 2. コ ン ポーネ ン ト の挿入場所にあ る コ ン テ ナ を右 ク リ ッ ク し て、 コ ン ポーネ ン ト の挿3. コ ン ポーネ ン ト の選択ダ イ ア ロ グで、 挿入す る JavaScript ベースの コ ン テナ を ク リ ッ ク し ます。 4. コ ン ポーネ ン ト を設定 し ます。 JavaBean コ ン ポーネ ン ト の イ ン ス タ ン ス を編集す る場合は、 以下のガ イ ド ラ イ ン に従 っ て く だ さ い。 コ ン ポーネ ン ト の JavaBean が正 し く コ ンパ イル さ れる と 、 JavaBean が表示 さ れ、 コ ン ト ロ ールが描画 さ れます。 それ以外の場合、 コ ン ポーネ ン ト はプ レ イ ス フ ォ ル ダボ ッ ク ス と し て描画 さ れます。 選択 し た JavaScript ベースの コ ン ト ロールのプ ロパテ ィ タ ブには、 標準の コ ン ト ロ ールプ ロパテ ィ （Background や Font な ど） があ り 、 さ ら に Component Properties グルー プ に以下の コ ン ポーネ ン ト 専用プ ロパテ ィ があ り ます。 • コ ンポーネ ン ト に BeanInfo 定義があ り 、 BeanInfo の コ ンパイルが成功 し ている 場合、 ア プ リ ケーシ ョ ンデザイ ナは BeanInfo を使っ て プ ロパテ ィ の一覧を指定 し ます。 • それ以外の場合は、 JavaBean の コ ンパイル完了後ア プ リ ケーシ ョ ンデザイ ナは bean のゲ ッ タ と セ ッ タ を使 っ て プ ロパテ ィ の一覧を指定 し ます。 • それ以外の場合、 bean は bean 専用プ ロパテ ィ がない もの と みな し ます。 • コ ンポーネ ン ト が JavaScript ベースのフ ィ ール ド コ ン ト ロールであれば、 ア プ リ ケーシ ョ ン デザイ ナは Target Field な ど標準フ ィ ール ド プ ロパテ ィ も表示 し ま す。 コ ン ポーネ ン ト 専用プ ロパテ ィ に値を セ ッ ト する には、 プ ロパテ ィ の値の列を ク リ ッ ク し ます。 BeanInfo がプ ロパテ ィ のカ ス タ ムエデ ィ タ を定義 し ていれば、 ア プ リ ケーシ ョ ン デザ イ ナはその カ ス タ ムエデ ィ タ を配置済みエデ ィ タ と し て使用 し ま す。 それ以外の場合、 bean に カ ス タ マ イザがあれば、 ア プ リ ケーシ ョ ンデザイ ナ はその カ ス タ マ イザを表示 し ます。
