[新しいアンカー] ダイアログ

このウィザードでは、新しいアンカーを JSP ページに追加します。

このダイアログを開く方法

ページ フロー パースペクティブで、[デザイン パレット] からアンカー アイコンを JSP ページのソース ビューにドラッグ アンド ドロップします。[アンカー] アイコンは、[NetUI] というラベルのセクション内にあります。

このダイアログの使用方法

• [アクション] : ページ フローのコントローラ クラスのアクション メソッドを呼び出すアンカーを作成する。

  [アクション] モードでは、次のフィールドが表示されます。

  [アクション] : 呼び出すアクション メソッド。
  [ラベル] : 表示するクリッカブル テキスト。
  [パラメータ] : Java パラメータとしてアクション メソッドに渡されるパラメータと値の組み合わせ。

  ダイアログに以下の値が入力された場合を例として示します。

  [アクション] : getCustomers
  [ラベル] : Invoke the 'getCustomers' action
  [パラメータ] : param1 / value1

  次の NetUI タグが作成されます。

      <netui:anchor action="getCustomers" value="Invoke the 'getCustomers' action">
     	 <netui:parameter name="param1" value="value1"/>
     	 </netui:anchor>

  最終的な HTML は、次のように表示されます。

      <a href="/CustomerCare/customerManagement/getCustomers.do?param1=value1">Invoke the 'getCustomers' action</a>

  このリンクをクリックすると、以下のアクションが起動されます。

      @Jpf.Action(...)
      public Forward getCustomers(String param1) {
          ...
      } 

• [ハイパーリンク] : 1 つの URL にリンクするアンカーを作成する。

  [ハイパーリンク] モードでは、次のフィールドが表示されます。

  [ハイパーリンク] : リンク先の URL (相対 URL または絶対 URL)。
  [ラベル] : 表示するクリッカブル テキスト。
  [パラメータ] : 指定する URL のクエリ文字列 (「?」の後に付加される URL の一部分) に追加されるパラメータと値の組み合わせ。

  ダイアログに以下の値が入力された場合を例として示します。

  [ハイパーリンク] : page2.jsp
  [ラベル] : Link to Page2
  [パラメータ] : param1 / value1

  次の NetUI タグが作成されます。

  <netui:anchor href="page2.jsp" value="Link to Page2">
         <netui:parameter name="param1" value="value1"/>
         </netui:anchor>

  以下の HTML が表示されます (「CustomerCare」はプロジェクト名、「customerManagement」は該当ページ フローへのパスを表す)。

      <a href="/CustomerCare/customerManagement/page2.jsp?param1=value1">Link to Page2</a>

• [名前付きアンカー] : 同じページ上の名前付きアンカーへのリンクを作成する。

  ダイアログに以下の値が入力された場合を例として示します。

  [名前付きアンカー] : subsection2
  [ラベル] : Link to Sub-Section 2

  次の NetUI タグ セットが作成されます。

      <netui:anchor linkName="subsection2" value="Link to Sub-Section 2"></netui:anchor>

  以下の HTML が表示されます (「CustomerCare」はプロジェクト名、「customerManagement」は該当ページ フローへのパスを表す)。

  <a href="#subsection2">Link to Sub-Section 2</a>

[CSS プロパティ] セクションでは、CSS クラスとスタイル属性をアンカーに追加できる。

関連トピック

[新しい画像アンカー] ダイアログ