Visual Web JSF コンポーネント関連の手順早見表

関連項目

ここでは、コンポーネントに対して行うことができる一般的な作業を簡単にまとめています。詳細な情報を参照するには、右欄に表示されているリンクをクリックしてください。

行う作業... 手順
JSF コンポーネントへのバインド属性の追加
  1. コンポーネントを右クリックします。
  2. 「バインド属性を追加」を選択します。
Visual Web JSF ページへのコンポーネントの追加
  1. でページが開いていることを確認します。
  2. で、対応するカテゴリをクリックし、追加するコンポーネントのタイプを選択します。
  3. コンポーネントをダブルクリックするか、ビジュアルデザイナーにドラッグ & ドロップします。
「パレット」へのカテゴリの追加
  1. 必要に応じて、「ウィンドウ」>「パレット」を選択し、を開きます。
  2. 任意のカテゴリを右クリックして、「新規カテゴリを作成」を選択します。
  3. 「新規パレットカテゴリ」ダイアログで、カテゴリ名を入力します。
表を追加
コードクリップの追加、使用、変更、名前変更、削除
コンポーネントの位置揃え
  1. で、Shift キーを押したまま、位置揃えを行うコンポーネントを選択します。
  2. 最後に選択したコンポーネントを右クリックし、「位置揃え」を選択して位置揃えコマンドを選びます
デフォルトコンポーネントプロパティーをバインド
  1. バインドするコンポーネントを右クリックし、「データにバインド」を選択します。
  2. 「データにバインド」ダイアログで、オブジェクトにバインドするかデータプロバイダーにバインドするかを選択します。
  3. プロパティーをバインドするターゲットを選択します。
コンポーネントの一般的なプロパティーのバインド
  1. バインドするコンポーネントを右クリックし、「プロパティーのバインド」を選択します。
  2. 「プロパティーのバインド」ダイアログの左側のリストからバインド先のプロパティーを選択します。
  3. 右側のリストから、プロパティーのバインド先を選択します。
Visual Web JSF ページからのコンポーネントの削除
  1. またはで、削除するコンポーネントを選択します。
  2. コンポーネントを右クリックして、「削除」を選択します。
コンポーネントライブラリの削除
コンポーネント CSS スタイルの編集 (ページ上のコンポーネント表示を変更)
  1. で、コンポーネントをクリックします。
  2. 「プロパティー」ウィンドウで、「style」プロパティーの省略符号ボタン (...) をクリックします。

    スタイルエディタ が開きます。

  3. エディタの左側にあるリストからカテゴリを選択します。
  4. コンポーネントに適用するカテゴリのスタイルを設定します。
  5. ビジュアルデザイナーでコンポーネントへの変更を確認します。
  6. 「了解」をクリックして、コンポーネントのスタイルプロパティーにすべての設定を適用します。
スタイルシートの編集
  1. で、「<プロジェクト名>」>「Web ページ」>「resources」ノードの下にある stylesheet.css (デフォルトのスタイルシート) またはディレクトリ内の別の CSS ファイルをダブルクリックします。
  2. CSS エディタでスタイルシートを編集します。
  3. メインメニューから「ファイル」>「保存」を選択します。
コンポーネントのイベント処理
  1. で、エディタツールバーの「Java」ボタンをクリックします。
  2. イベントハンドラ用の Java コードをメソッドに追加します。

    入力していくと、Java エディタから、参照先のオブジェクトに対する候補として、メソッドやインスタンス変数などのコード補完候補が提供されます。

  3. 情報が必要な場合は、その項目上にカーソルを置いて Ctrl-Shift-スペースキーを押すと、JavaDoc マニュアルが表示されます。
新しいコンポーネントのインポート
コンポーネントの入れ子
  • で、コンポーネントを入れ子先のコンポーネントの上にドラッグします。
ページのプレビュー
JSF コンポーネントからのバインド属性の削除
  1. コンポーネントを右クリックします。
  2. 「バインド属性を削除」を選択します。
1 つのコンポーネントの選択
  • またはで、コンポーネントをクリックします。
複数コンポーネントの選択

これには複数の方法があります。

  • またはで、Ctrl キーを押しながら各コンポーネントをクリックします。
  • 「ナビゲータ」ウィンドウで一覧の最初の項目をクリックし、Shift キーを押しながら、最後の項目をクリックします。最初と最後に選択された範囲にあるすべてのコンポーネントが選択されます。
  • ビジュアルデザイナーでマウスのボタンを押しながら、マウスをドラッグし、選択するコンポーネントを完全に囲みます。
コンポーネントのプロパティー設定
  1. またはで、コンポーネントを選択します。
  2. 「プロパティー」ウィンドウプロパティーを設定します。
CSS スタイルの設定
  1. で、コンポーネントをクリックします。
  2. 「プロパティー」ウィンドウで、「style」プロパティーの省略符号ボタン (...) をクリックします。
  3. スタイルエディタの左側にあるリストからカテゴリを選択します。
  4. リストの右側に表示されるカテゴリに関連付けられたスタイルの設定を選択します。
  5. 「了解」をクリックしてスタイルを適用します。
ページレイアウトの設定
  1. で、ページの背景をクリックしてページのプロパティーを表示します。
  2. 「プロパティー」ウィンドウで「ページレイアウト」の値を選択します。
タブ順の設定
  1. またはで、コンポーネントを選択します。
  2. 「プロパティー」ウィンドウで、「アクセシビリティー」セクションの下にある「tabindex」プロパティーにタブ順の番号を入力します。
グリッドの設定
  1. Microsoft Windows または UNIX システムの場合は「ツール」>「オプション」を選択します。Macintosh システムの場合は「NetBeans」>「環境設定」を選択します。
  2. 「その他」タブボタンをクリックしてから「Visual Web」タブをクリックします。
  3. 対応するフィールドに、新しい「グリッドの高さ」と「グリッド幅」を入力します。チェックボックスを使用して「グリッドを表示」または「グリッドにスナップ」を設定します。
グリッドへのコンポーネントのスナップ
  1. で、項目を選択します。
  2. 右クリックして 「グリッドにスナップ」を選択します。
コンポーネントの積み重ね
スタイルシートの使用
  1. で、ページをクリックします。
  2. 「プロパティー」ウィンドウで、スタイルシートの省略符号ボタン (...) をクリックします。
  3. ファイル名と場所を入力します。
異なる解像度でのページの表示
画像の表示とズーム
  1. で、画像をダブルクリックしてエディタに表示します。
  2. エディタに表示されるツールバーを使用し、画像を拡大したり縮小したりできます。
関連項目
コンポーネントについて
コンポーネントの手順

著作権と商標について