Ajaxフレームワーク ユーザーズガイド

F.5.2 設計ビューで編集可能な部品

設計ビューでは、HTMLタグと画面部品を表示、編集することができます。

設計ビューでは、HTMLタグ、UI部品以外の要素の子要素は表示、編集できません。
例えば、以下のようにHTMLに定義されていない未知のタグ<unknownTag>や、uji:formタグの子要素は編集できません。

<unknownTag>
  <div rcf:type="TextInput" rcf:id="ti00001" rcf:left="15" rcf:top="36">
</unknownTag>

<uji:form name="input_form" method="post" verbs="ok" >
  <div rcf:id="text1" rcf:type="Text" rcf:value="商品名" ></div>
  <div rcf:id="input1" rcf:type="TextInput" ></div>
  <input type="SUBMIT" name="ok" value="決定"></input>
</uji:form>

■HTMLタグ

以下の表に、設計ビューで表示、編集できるHTMLタグを示します。

部品名	タグ	WYSIWYG編集
Button	<input type="submit" />	○
CheckBox	<input type="checkbox" />	○
Form	<form></form>	○
Horizontal Rule	<hr />	○
Image	<img />	○
Image Button	<input type="image" />	○
Link	<a></a>	○
Password Field	<input type="password" />	○
Radio Button	<input type="radio" />	○
Select	<select></select>	○(注1)
Text Area	<textarea></textarea>	○
Text Field	<input />	○

○：WYSIWYG編集が可能
注1) Internet Explorer 6を使用している場合、Selectは設計ビューに表示されますが、WYSIWYG編集はできません。

■画面部品

設計ビューでは、UI部品のうち、画面部品を表示、編集することができます。
機能部品と機能付加部品については、“クライアントフレームワーク連携編集”を参照してください。

以下に、設計ビューで表示、編集できる画面部品を示します。

• フォーム部品

  部品名	WYSIWYG編集
  Text	○(注2)
  TextInput	○
  CheckBox	○
  RadioButton	○
  Button	○
  TextArea	○
  Select	○(注3)
  ComboBox	○
  DateInput	○
  NumberInput	○
  MaskedTextInput	○
  MaskedDateInput	○
  SelectList	○
  CheckList	○

  ○：WYSIWYG編集が可能
  注2) Textはリサイズできません。
  注3) Internet Explorer 6を使用している場合、Selectは設計ビューに表示されますが、WYSIWYG編集はできません。

• コンテナ部品

  部品名	WYSIWYG編集
  ViewContainer	○
  Panel	○
  ViewStack	○
  TabPanel	○
  FragmentContainer	○
  Window	○(注4)

  ○：WYSIWYG編集が可能
  注4) Windowは、デフォルトでは不可視です。プロパティビューでWindowのshowWindowプロパティをtrueにし、Windowを表示させてから編集してください。また、パレットからの配置はできません。ソースビューで追加してください。

• テーブル部品

  部品名	WYSIWYG編集
  TableView	○
  TableEdit	○
  DataGrid	○
  ViewColumn	×
  ViewColumnGrid	×
  ViewColumnGroup	×
  ViewColumnCheck	×
  ViewColumnTree	×
  ViewColumnSelect	×
  ViewColumnImage	×

  ○：WYSIWYG編集が可能
  ×：WYSIWYG編集が不可能

• カレンダ部品

  部品名	WYSIWYG編集
  Calendar	○
  PopupCalendar	×(注5)
  CalendarButton	○(注6)

  ○：WYSIWYG編集が可能
  ×：WYSIWYG編集が不可能
  注5) PopupCalendarは編集時に表示、非表示を切り替える必要があるため、WYSIWYG編集はできません。なお、プロパティビューでのPopupCalendarの編集操作は有効です。
  注6) CalendarButtonはリサイズできません。

• ツリー部品

  部品名	WYSIWYG編集
  TreeView	○

  ○：WYSIWYG編集が可能

• スクレイピング部品

  部品名	WYSIWYG編集
  ScrapingView	○

  ○：WYSIWYG編集が可能

• メニュー部品

  部品名	WYSIWYG編集
  ContextMenu	×(注7)

  ×：WYSIWYG編集が不可能
  注7) ContextMenuは実行時に、表示、非表示が動的に切り替わるため、WYSIWYG編集はできません。なお、プロパティビューでのContextMenuの編集操作は有効です。

■JSPタグ

JSPタグは、設計ビューでは表示できません。JSPタグは、アウトラインビューで表示、選択し、プロパティビューで編集します。