設計ビューでは、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="決定" /> </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 /> | ○ |
Label | <label></label> | ○ |
Div | <div></div> | ○ |
○：WYSIWYG編集が可能
注1) Internet Explorer 6を使用している場合、Selectは設計ビューに表示されますが、WYSIWYG編集はできません。
画面部品
設計ビューでは、UI部品のうち、画面部品を表示、編集することができます。
機能部品と機能付加部品については、“F.10 クライアントフレームワーク連携編集”を参照してください。
以下に、設計ビューで表示、編集できる画面部品を示します。
フォーム部品
部品名 | 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タグは、アウトラインビューで表示、選択し、プロパティビューで編集します。
