タブ

タブ: 一般

タブには、開いている HTML5 コントロールの一般的なメタデータが含まれており、編集できます。このデータは、HTML5 コントロールを一意に識別するために使用される必要があります。

表 150. 識別

会社	要素の作成者または製造者例： `Xyz GmbH` ヒントインストールされたHTML5コントロールでは、 CODESYS ここで指定した会社名でフィルタリングできます。
名前	要素の名前。値として表示されます。要素タイプ例： `Gauge`
説明	表示されるプロパティその下のフィールドに表示します。上で選択したプロパティがそこにコメント表示されます。
バージョン	ユーザー定義のバージョン番号互換性を維持するために、すでにリリースされている要素は、新しいバージョンが割り当てられた後にのみ編集する必要があります。例： `0.0.0.1`
ツールボックスカテゴリ	HTML5 コントロールが配置されているカテゴリ

表 151. ファイル

画像

画像ファイル名

詳細については、以下を参照してください。画像ファイルの表示

追加ファイル

画像参照
HTML5コントロールの操作に必要なJavascriptファイル
例： d3.js、 jQuery.js、 ElementWrapper.js
順序は依存関係を反映しています。リストの先頭にある要素が最初に読み込まれます。そのため、 ElementWrapper.js リストの最後にあるエントリ。

タブ: コントロールプロパティ

ファンクション: HTML5 コントロールのインターフェースは、プロパティとカテゴリで構成されています。これらが一覧表示されます

エディターで開いた HTML5 コントロールをビジュアライゼーションで使用すると、リストに表示されるプロパティが表示されます。そうすると、ビジュアライゼーション内の通常のビジュアライゼーション要素のように動作します。プロパティが (に) 表示されます [プロパティ] (ビュー)。これらはテーマ別に組み合わせたり、カテゴリを使用して階層的に並べたりできます。エディタータイプを設定すると、ビジュアライゼーション開発者は値を入力するときにここで設定したタイプのエディターからサポートを受けることができます

表 152. コントロールプロパティと列タイトル

コラム	入力オプション	[説明]
プロパティ		この列には、コントロールの階層構造のプロパティが一覧表示されます。これらはデフォルトプロパティ、構造化ノード、および特定の設定可能なプロパティで構成されています
[既定値]		この列には、それぞれのプロパティのデフォルト値が表示されます。デフォルト値は、以下に設定されているエディタータイプに準拠している必要がありますたとえば、エディターのタイプが変数の場合、デフォルト値はこの変数のタイプに準拠している必要があります。値はリテラルまたは変数として指定できます
プロパティタイプ		この列は、実行時にプロパティがどのように動作するかを設定するために使用されます。
	[更新]	値は最初に 1 回だけ転送されます。
	[初期化]	値が変更されると、HTML5 コントロールに転送されます。
変数タイプ		この列には、それぞれのプロパティに設定されている変数タイプが表示されます。有効な変数型は、プロジェクト全体で使用できるデータ型 (基本データ型、カスタムデータ型、ファンクションブロック、およびライブラリブロック) です。例: `INT`、 `PropertyNames.Colors`
ディスクリプション ID		この列には、"のエントリの名前が表示されますローカリゼーション各プロパティの「」タブ。
エディタータイプ		この列には、それぞれのプロパティに設定されているエディタータイプが表示されます。これにより、ビジュアライゼーション開発者が「」のセルをクリックしたときに開くインラインエディターが決まります。[プロパティ]「」にエントリを作成するために HTML5 コントロールを設定するときの表示値「」列。注記デフォルト値と変数タイプはどちらも、エディターのタイプに合わせて設定する必要があることに注意してください。
	変数	のサポートを備えた変数を選択するための変数エディタースマートコーディング機能と入力アシスタント
	[カラー]	スタイル、カラー、またはカスタムカラーを選択するためのカラーエディター注記次のような場合は、カラーエディタを変数エディタのように使用できます。 `DWORD` 変数が入力されました。
	フォント	スタイルフォントまたはカスタムフォントを選択するためのフォントエディター注記次のような場合に、フォントエディタを変数エディタのように使用することができます `VisuElems.VisuStructFont` 変数が入力されました。
	チェックボックス	Boolean 値を選択するためのチェックボックスエディター注記 Boolean 変数を入力すると、チェックボックスエディターを変数エディターに切り替えることができます。
	[イメージ]	画像を割り当てるための画像選択エディター
	配列範囲	配列セグメントの割り当て用エディターこの場合、スクロール領域のみがコントロールに転送されます。
コールメソッド		それぞれのプロパティのメソッド呼び出しは以下のように設定されています。要素ラッパーを使用して、このタブで設定されたプロパティが HTML5 コントロールに転送されます。この目的のために、対応するメソッドを定義できます。この列はプロパティの割り当てに使用されます。メソッドはいくつでも定義できます。メソッドシグネチャは次のようになります。 `methodName: function(value, type, typeid)`
	`methodName`	任意のメソッド名。このメソッドは IEC 変数の値を HTML5 コントロールに渡すために呼び出されます
	`value`	IEC 変数または IEC 定数の値
	`type`	変数タイプ
	`typeid`	変数のタイプ ID

次のデフォルトプロパティは、灰色の背景に灰色のフォントで表示されます。これらは変更も設定もできません。
エレメントの説明	目的のテキストを指定します。	取り外し可能なデフォルトプロパティテキストは [プロパティ] 下に表示するエレメントタイプ HTML5 コントロールを使用する場合のプロパティ。
ポジション	[なし]	デフォルトプロパティ
センター	[なし]	デフォルトプロパティ
絶対的な動き	[なし]	デフォルトプロパティ
状態変数	[なし]	デフォルトプロパティ
入力構成	[なし]	取り外し可能なデフォルトプロパティ

表 153. 次のコマンドアイコンを使用して、テーブルを特定のプロパティまたはノードで拡張します

	アイコンをクリックして、選択した行の下または下部に新しいプロパティを追加します。デフォルト名は「Property」です。この名前を、一意でわかりやすい名前に変更してください。プロパティをダブルクリックして適切な名前を指定します。	ノードを追加
	アイコンをクリックして、選択した行の下または下部に新しい下位プロパティを追加します。デフォルト名は「Property」です。この名前を、一意でわかりやすい名前に変更してください。カテゴリをダブルクリックして適切な名前を指定します。	子ノードを追加する
	アイコンをクリックして、選択した行の下または下部に新しいカテゴリを追加します。デフォルト名は「カテゴリノード」です。これをユニークでわかりやすい名前に変更し、他の列を設定します。	カテゴリノードを追加
	アイコンをクリックして、選択した行の下または下部に新しい下位カテゴリを追加します。デフォルト名は「カテゴリノード」です。これをユニークでわかりやすい名前に変更してください。カテゴリをダブルクリックして適切な名前を指定します。	子カテゴリノードを追加する