Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.
Comment: Migrated to Confluence 5.3

This section provides brief descriptions of the basic widgets that Nexaweb provides for Java application UI Development.

For more detailed information on any of the widgets, see the XAL Schema documentation.このセクションでは、Java アプリケーション UI 開発時に Nexaweb が提供している基本的なウィジェットについて簡単に説明しています。

ウィジェットに関する詳細な説明は、XAL Schema ドキュメンテーションをご参照下さい。

button

A label that triggers an event when a user places focus on it and clicks with a mouse or presses the Enter key.ユーザーがfocusを置き、マウスまたはエンターキーを押すとイベントをトリガーするラベルです。

Nexaweb Studio makes this widget available in the Palette view from which you can drag and drop it onto a UI file in the Visual Editor.Example XAL for using this widget in a freePaneではPaletteview でこのウィジェットが利用可能で、そこからVisual Editor の UI ファイルにドラッグ&ドロップすることができます。

freePane でこのウィジェットを使用したXALの例:

 <button height="25px" text="Button" width="100px" x="60px" y="40px"/> 

checkBox

A

simple button to toggle between two selections such as on and off.二つのセクションを、on とoffのように切り替えるシンプルなボタンです。

Nexaweb Studio makes this widget available in the Palette view from which you can drag and drop it onto a UI file in the Visual Editor.Example XAL for using this widget in a freePaneでは Paletteview でこのウィジェットが利用可能で、そこからVisual Editor の UI ファイルにドラッグ&ドロップすることができます。

このウィジェットを freePane で使用した XAL の例:

 <checkBox height="25px" text="Checkbox" width="100px" x="30px" y="120px"/> 

comboBox

A comboBox is a label with a pull-down menu from which users can select items from a list.comboBoxはプルダウンメニューが付いており、ユーザーはリストからアイテムを選ぶことができます。

Nexaweb Studio makes this widget available in the Palette view from which you can drag and drop it onto a UI file in the Visual Editor.

Example XAL for using this widget in a freePane:

...

ではPaletteview でこのウィジェットが利用可能で、そこからVisual Editorの UI ファイルにドラッグ&ドロップすることができます。

このwidgetをfreePaneで使用した XAL の例:

Code Block
<comboBox height="25px" text="ComboBox" width="100px" x="20px" y="10px">
  <listBox>
    <listItem text="List Item #1"/>
    <listItem text="List Item #2"/>
    <listItem text="List Item #3"/>
  </listBox>
</comboBox>

...

label

Displays text and/or an image.テキストおよび/またはイメージの表示。

Nexaweb Studio makes this widget available in the Palette view from which you can drag and drop it onto a UI file in the Visual Editor.Example XAL for using this widget in a freePaneではPaletteview でこのウィジェットが利用可能で、そこからVisual Editor の UI ファイルにドラッグ&ドロップすることができます。

このウィジェットを freePane で使用した XAL の例:

 <label height="20px" text="Label" width="100px" x="20px" y="20px"/> 

Retrieves another web resource.他のウェブリソースを取得します。

Nexaweb Studio makes this widget available in the Palette view from which you can drag and drop it onto a UI file in the Visual Editor.Example XAL for using this widget in a freePaneではPaletteview でこのウィジェットが利用可能で、そこからVisual Editorの UI ファイルにドラッグ&ドロップすることができます。

このウィジェットを freePane で使用した XAL の例:

 <link height="20px" text="Link" width="20px" x="30px" y="40px" /> 

listBox

Allows users to select one or more items from a list contained within a text box.ユーザーは、テキストボックス内に含まれているリストから一つかそれ以上のアイテムを選択することができます。

Nexaweb Studio makes this widget available in the Palette view from which you can drag and drop it onto a UI file in the Visual Editor.

Example XAL for using this widget in a freePane:

...

では Paletteview でこのウィジェットが利用可能で、そこから Visual Editor の UI ファイルにドラッグ&ドロップすることができます。

このウィジェットを freePane で使用した XAL の例:

 

Code Block
<listBox height="100px" width="100px" x="20px" y="20px">
  <listItem text="List Item #1"/>
  <listItem text="List Item #2"/>
  <listItem text="List Item #3"/>
</listBox>

...

passwordField

 

A single line text entry field that displays text as mask characters rather than plain text.Image Added

プレーンテキストではなく、マスク文字として表示させる一行のテキストを入力します。

Nexaweb Studio makes this widget available in the Palette view from which you can drag and drop it onto a UI file in the Visual Editor.Example XAL for using this widget in a freePaneでは Paletteview でこのウィジェットが利用可能で、そこから Visual Editor の UI ファイルにドラッグ&ドロップすることができます。

このウィジェットを freePane で使用した XAL の例:

 <passwordField height="25px" text="Password Field" width="200px" x="20px" y="160px"/> 

radioButton

A group of buttons offering the ability to toggle between any number of selections and limiting the user to selecting only one button in the group at any given time.選択した物(いくつでも)の間で切り替えができ、常にグループの一つのボタンのみをユーザーに選択させることが可能なボタンのグループです。

Nexaweb Studio makes this widget available in the Palette view from which you can drag and drop it onto a UI file in the Visual Editor.Example XAL for using this widget in a freePaneでは Paletteview でこのウィジェットが利用可能で、そこから Visual Editor の UI ファイルにドラッグ&ドロップすることができます。

このウィジェットを freePane で使用した XAL の例:

 <radioButton height="25px" text="RadioButton" width="100px" x="20px" y="210px"/> 

horizontalSlider

A scrolling element with a thumb that moves along a horizontal track.水平軸に沿って動くボタン付きのスクローリング要素です。

Nexaweb Studio makes this widget available in the Palette view from which you can drag and drop it onto a UI file in the Visual Editor.Example XAL for using this widget in a freePaneではPaletteview でこのウィジェットが利用可能で、そこからVisual Editor の UI ファイルにドラッグ&ドロップすることができます。

このウィジェットを freePane で使用した XAL の例:

 <horizontalSlider height="20px" width="100px" x="20px" y="270px"/> 

verticalSlider

A scrolling element with a thumb that moves along a vertical track.垂直軸に沿って動くボタン付きのスクローリング要素です。

Nexaweb Studio makes this widget available in the Palette view from which you can drag and drop it onto a UI file in the Visual Editor.Example XAL for using this widget in a freePaneでは Paletteview でこのウィジェットが利用可能で、そこからVisual Editor の UI ファイルにドラッグ&ドロップすることができます。

このウィジェットを freePane で使用した XAL の例:

 <verticalSlider height="100px" width="20px" x="310px" y="160px"/>   

textArea

 

A multiple line text entry field.Image Added

複数のラインテキスト入力フィールドです。

Nexaweb Studio makes this widget available in the Palette view from which you can drag and drop it onto a UI file in the Visual Editor.Example XAL for using this widget in a freePaneでは Paletteview でこのウィジェットが利用可能で、そこから Visual Editor の UI ファイルにドラッグ&ドロップすることができます。

このウィジェットを freePane で使用した XAL の例:

 <textArea height="200px" width="200px" x="20px" y="50px">TextArea</textArea> 

textField

A single line text entry field.一行のテキスト入力フィールドです。

Nexaweb Studio makes this widget available in the Palette view from which you can drag and drop it onto a UI file in the Visual Editor.Example XAL for using this widget in a freePaneでは Paletteview でこのウィジェットが利用可能で、そこから Visual Editor の UI ファイルにドラッグ&ドロップすることができます。

このウィジェットを freePane で使用した XAL の例:

 <textField height="25px" text="TextField" width="200px" x="20px" y="280px"/> 

textView

A multiple line text display field.複数行テキスト表示フィールドです。

Nexaweb Studio makes this widget available in the Palette view from which you can drag and drop it onto a UI file in the Visual Editor.Example XAL for using this widget in a freePane:では Paletteview でこのウィジェットが利用可能で、そこから Visual Editor の UI ファイルにドラッグ&ドロップすることができます。

このウィジェットを freePane で使用した XAL の例:

Code Block
<textView height="100px" width="100px" x="260px" y="50px">
 TextView
</textView>