生産現場の実行インターフェースのスタイル

[アーティクル]
11/15/2023

この記事では、既定の生産フロア実行スタイルが適用されるように、フォームコントロールを構成する方法について説明します。

フォームおよびダイアログ

スタイルは、次の要件が満たされている場合にのみ、フォームまたはダイアログに適用されます。

フォームが既存のレポートの進行状況フォームと類似している場合は、フォームまたはダイアログの名前を JmgProductionFloorExecutionCustomInputDialog で始める必要があります。
フォームまたはダイアログには、詳細フォームのパーツを含めることができます。スタイルをそれに適用するには、詳細フォームパーツの名前は JmgProductionFloorExecutionCustomDetailsDialog で始まる必要があります。
フォームまたはダイアログに簡単なビューを表示する必要がある場合は、簡易ビューの名前を JmgProductionFloorExecutionCustomDialog で始める必要があります。簡易ビューを持つフォームの例としては、開始フォームおよび間接活動フォームがあります。
ダイアログのすべてのコントロールをこの記事で説明されているように構成する必要があります。

重要

このリストの最初の 2 つのポイントで述べた機能には、Supply Chain Management バージョン 10.0.19 以降が必要です。

スタイルは、次の要件が満たされている場合にのみ、ダイアログの OK ボタンに適用されます。

ボタンはフォームグループに含まれています。
グループ名は OkButtonGroup で始まります。

スタイルは、次の要件が満たされている場合にのみ、ダイアログボックスのキャンセル ボタンに適用されます。

ボタンはフォームグループに含まれています。
グループ名が CancelButtonGroup で始まる。

次の図は、一般的なフォームまたはダイアログヘッダーを示しています。

一般的なフォームまたはダイアログヘッダー。

Visual Studio では、次の図に示す構造を使用してヘッダーが作成されます。

ヘッダーを作成するための標準的なコード構造。

ヘッダーにテキストを追加するには、次の例のようなコードを使用します。

private void setCaption()
{
    HeaderFieldWithSeparatorText1.text("Report Progress");
    HeaderFieldWithSeparatorText2.text(ProdId);

    …

    HeaderFieldText.text(OprNum);
}

ヘッダーコードを記述する際には、次のルールを適用します。

メイングループの名前は TableRowHeaderGroup である必要があります。
テキストの各ブロック (形式で区切る) は、HeaderFieldWithSeparatorText で始まる必要があります。
最後のテキスト名は、HeaderFieldText で始まる必要があります。
CaptionImage は省略できます。

進捗状況インジケーター

ヘッダーの右側に表示される進捗状況インジケーターを含めることができます。次の図は、進捗状況インジケーターを示します。

一般的な進捗状況インジケーター。

進捗状況インジケーターを表示するには、テキストフィールド名が ShowProgress である必要があります。

グリッド

スタイルは自動的に適用されます。固有のコンフィギュレーションは必要はありません。

新しいグリッドはまだサポートされていないので、グリッドは TabularView スタイルである必要があり、カスタムフォーム上の run() メソッドは上書きされている必要があります。次のコードを追加します。

public void run()
{
    super();
    // To opt out a page from the new grid
    this.forceLegacyGrid();
}

メインビューのデータを更新するには、アクションの click メソッドの this.parmParentForm().updateLayout(); のような何かを使用すると良いです。 (例としては、JmgProductionFloorExecutionReportFeedbackAction クラスを参照してください。) parmDataSource が新しいフォーム (formCaller.parmDataSource(this.dataSource(1));) の init のメソッドで設定されていることを確認します。例については、JmgProductionFloorExecutionMainGrid フォームを参照してください。

カードビュー

スタイルは、次の要件が満たされている場合にのみ、カードビューコントロールに適用されます。

各カードビューはフォームグループに含まれています。
グループ名が CardGroup から始まる (たとえば、CardGroupJobsView)。

次の図は、その中にコントロールがないカードビューを示しています。

要素のないカードビュー。

次の図は、その中にコントロールを含んでいるカードビューを示しています。

Hz を示す要素を含むカード。

メンテナンス要求の要素を含むカード。

ビジネスカード

スタイルは、次の要件が満たされている場合にのみ、ビジネスカードコントロールに適用されます。

各ビジネスカードはフォームグループに含まれています。
グループ名は BusinessCardGroup から始まる (たとえば、BusinessCardGroupJobsList)。

ビジネスカードで以下のプロパティを設定します。

スタイル:リスト
拡張スタイル:カードリスト
マルチ選択:No
ラベル (複数) の表示:No

ビジネスカード。

オプションボタン

スタイルは、次の要件が満たされている場合にのみ、ラジオボタンに適用されます。

各ラジオボタンはフォームグループに含まれています。
グループ名が、テキストを表示させる場所に応じて、RadioTextBelow または RadioTextRight で始まる。

ラジオボタンに以下のプロパティを設定します。

切り替えボタン:チェック
値を切り替える:オン無線ボタンを選択する場合はオンにします。オンにしない場合は、[オフ] します。

次の図は、テキストがラジオボタンの下に表示される例を示しています。

下にテキストが表示されているラジオボタン。

次の図は、テキストがラジオボタンの右に表示される例を示しています。

右にテキストが表示されているラジオボタン。

Internet Explorer のラジオボタン

ラジオボタンスタイルは Internet Explorer ではサポートされません。次の図は、ラジオボタンが Internet Explorer でどのように表示されるかを示しています。

Internet Explorer のラジオボタン。

ボタン

スタイルは、次の要件が満たされている場合にのみ、ボタンに適用されます。

各ボタングループはフォームグループに含まれています。グループ内のすべてのボタンは同じスタイルになります。
グループ名に関する要件はありません。

ボタンに以下のプロパティを設定します。

ボタンディスプレイ:TextWithその他Left
通常の画像: このプロパティは空白にすることはできません。たとえば、CoffeeScript を使用します。
テキスト: このプロパティは空白にすることはできません。たとえば、分割の開始 を使用します。
幅 :自動または SizeToContent
高さ :自動または SizeToContent

プライマリボタン

スタイルは、次の要件が満たされている場合にのみ、基本ボタンに適用されます。

ボタンはフォームグループに含まれています。
グループ名が DefaultButtonGroup または PrimaryButtonGroup で始まる (たとえば、DefaultButtonGroup10)。

プライマリボタン。

セカンダリボタン

スタイルは、次の要件が満たされている場合にのみ、二次ボタンに適用されます。

ボタンはフォームグループに含まれています。
グループが 右側のパネル と名前が付けられている、またはグループ名が SecondaryButtonGroup で始まる。

セカンダリボタン。

3 番目のグループボタン

スタイルは、次の要件が満たされている場合にのみ、3 番目のグループのボタンに適用されます。

ボタンはフォームグループに含まれています。
グループが 左側のパネル と名前が付けられている、またはグループ名が ThirdButtonGroup で始まる。

3 番目のグループのボタン。

4 番目のグループのボタン

スタイルは、次の要件が満たされている場合にのみ、4 番目のグループのボタンに適用されます。

ボタンはフォームグループに含まれています。
グループ名が FourthButtonGroup で始まる。

ボタンに以下のプロパティを設定します。

ボタンの表示:TextOnly
通常の画像: このプロパティは空白である必要があります。
テキスト: このプロパティは空白にすることはできません。たとえば、表示または編集を使用します。
幅 :Auto
高さ :Auto

4 番目のグループボタン。

フラットボタン

スタイルは、次の要件が満たされている場合にのみ、フラットボタンに適用されます。

ボタンはフォームグループに含まれています。
グループ名が FlatButtonGroup で始まる。

ボタンに以下のプロパティを設定します。

ボタンディスプレイ:、1つ
通常の画像: このプロパティは空白にすることはできません。たとえば、CoffeeScript を使用します。
テキスト: このプロパティは空白である必要があります。
幅 :自動または SizeToContent
高さ :自動または SizeToContent

続行ボタン

スタイルは、次の要件が満たされている場合にのみ、続行ボタンに適用されます。

ボタンはフォームグループに含まれています。
グループ名が ContinueButtonGroup で始まる。

ボタンに以下のプロパティを設定します。

ボタンディスプレイ:、1つ
通常の画像:フォワード
テキスト: このプロパティは空白である必要があります。
幅 :自動または SizeToContent
高さ :自動または SizeToContent

コンボボックス

コンボボックスは、入力コントロール、入力コントロールをクリアするボタン、および検索を実行するボタンの 3 つのコントロールの組み合わせです。

スタイルは、次の要件が満たされている場合にのみ、コンボボックスに適用されます。

コンボボックスはフォームグループに含まれています。
グループ名が Combobox で始まる。
グループ内で、最初のコントロールは AxFormStringControl です。このコントロールは現在の値を表示し、ユーザーは必要な値を入力します。
2 つ目のコントロールは CommonButton コントロールで、名前は ClearButton で始まります。このボタンには、ボタンを表示または非表示にする enable プロパティを使用するコードが含まれている必要があります。たとえば、ユーザーが入力コントロールに情報を入力している間にクリア ボタンを表示または非表示にするには、次のコードを使用することができます。
```
public void textChange()
{
    super();
    ClearButtonSerial.enabled(this.text()? true : false);
}
```
入力コントロールでデータを設定する方法が 1 つ必要です。そのメソッドの クリア ボタンを有効にします。次に例を示します。
```
public void setSerialId(str _serialId)
{
    JmgTmpJobBundleProdFeedback.InventSerial = _serialId;
    ClearButtonSerial.enabled(_serialId? true : false);

    if (_serialId)
    {
        this.addSerialNumber();
    }
}
```
クリア ボタンの clicked メソッドには次のコードを使用します。
```
public void clicked()
{
    element.setSerialId('');
    InventSerialId.setFocus(); // set focus back to the input box
}
```
フォームを init メソッドを使用して初期化するときに、入力コントロール AxFormStringControl の値を設定します。値が空白でない場合は、クリア ボタンを有効にします。値が空白の場合は、クリア ボタンを無効にします。
3 つ目のコントロールは CommonButton コントロールで、名前は SearchButton で始まります。

次の図は、2 つのコンボボックスコントロールを示します。左側のコンボボックスには空のテキストボックスがあり、クリア ボタンは無効になっています。右側のコンボボックスにはテキストボックスにテキストがあり、クリア ボタンが有効になっています。

クリアボタン付き、またはなしのコンボボックス。

クイックフィルター

クイックフィルターコントロールによって、ページに検索フィールドが追加されます。次の要件が満たされている場合、クイックフィルターにスタイルを適用できます。

クイックフィルターはフォームグループに含まれています。
グループ名が SearchInputGroup で始まる。
グループ内で、最初のコントロールは QuickFilter コントロールです。 (このコントロールはユーザーが検索文字列を入力する場所です。)
2 つ目のコントロールは NumberOfResults という名前の FormStaticTextControl です。 (このコントロールはオプションです。これが含まれている場合は、検出された項目の数が表示されます。)
3 つ目のコントロールは CommonButton コントロールで、名前は ClearButton で始まります。

次の図は、2 つのクイックフィルターコントロールを示します。左側のクイックフィルターは空になっており、結果の数は表示されません。右側のクイックフィルターには検索文字列が含まれるので、結果の数が表示されます。

検索文字列を使用した場合、および使用しない場合のクイックフィルターコントロールの例。

タブの中央位置揃え要素

タブの中央に要素の位置を合わせるには、グループ名は TabContentGroup で始まる必要があり、グループには次のプロパティが必要です。

幅モード :SizeToAvailable
高さモード :SizeToAvailable

グリッド、詳細パーツ、クイックフィルターの位置を合わせる

標準のデザインに似たカスタマイズされたグリッド、詳細部品、クイックフィルターを並び替える場合は、それらをすべてまとめる際に次の点を念頭に置きます。

グリッドに簡単なフィルタがある場合は、グリッドとクイックフィルタの両方が、名前が GridGroup ".
スタイルを詳細部分に適用するには、グループ名は DetailInformationGroup で始まる必要があります。

次の図は、簡単なフィルターと右側の詳細部分を含む一般的なグリッドを示しています。

クイックフィルターと詳細部分を含む通常グリッド。

Visual Studio では、次の図に示す構造を使用してグリッド、詳細部分、クイックフィルターを作成できます。

グリッド、詳細部分、クイックフィルターに対応した通常コード構造。

次の方法で共有

生産現場の実行インターフェースのスタイル

フォームおよびダイアログ