グリッドコントロールに関する詳細は「グリッドコントロール」を参照してください。

ここで紹介する作成例では、スクリプトを用いた処理記述を行います。スクリプトについては、画面作成ガイドの「スクリプト」を参照してください。

ルートのPSTagAccessPathプロパティには、タグパスの接頭辞を設定することができます。この接頭辞のことを「アクセスパス」と呼びます。上記の例では「U01.F01.」を設定していますが、こうする事によって、バインドやスクリプトからタグ名を指定する際の指定が、「T01」などのタグ名のみでOKになります。但し、この機能の制約として「U01.F01.」配下のタグ以外には接続することができなくなります。複数のPLCとの接続を行う場合やフォルダを分けてタグ登録を行う場合には、PSTagAccessPathルートプロパティは使用しないようにしてください。

event OnInitialize()
{
   //列数の設定（タグ名、メーター、計測値、コメント、計４列）
   this.Cols = 4;
   //行数の設定（１５点のアナログタグ、計１５行）
   this.Rows = 15;
 
   //色設定
   this.SetCellProperty("all", "FillColor", "#FFFFFF");
   this.SetCellProperty("all", "TextColor", "#000000");
 
   //各列の設定
   this.SetCellType("col", "label", 0);
   this.SetColWidth(0, 100);
   this.SetData(0, -1, "タグ");
 
   this.SetCellType("col", "meter", 1);
   this.SetColWidth(1, 130);
   this.SetData(1, -1, "メーター");
   this.SetCellProperty("col", "MeterForeColor", "#00FF00", 1);
   this.SetCellProperty("col", "MeterBackColor", "#666666", 1);
 
   this.SetCellType("col", "label", 2);
   this.SetColWidth(2, 100);
   this.SetData(2, -1, "計測値");
 
   this.SetCellType("col", "label", 3);
   this.SetColWidth(3, 430);
   this.SetData(3, -1, "コメント");
   this.SetCellProperty("col", "TextAlignX", "left", 3);
       
   //監視対象タグの追加、ラベル枠文言の指定
   var vTags[this.Rows];
   for( var i = 0; i < this.Rows; i++){
       var vTag = "T" & ::NS(i + 1, 0, 2, F);
       vTags[i] = vTag;
       this.SetData(0, i, vTag );
       this.SetData(3, i, vTag & "コメント");
   }
   this.AddTag(vTags);
}
 

SetCellType("col", "meter", 1)の記述は、セルのタイプを指定するメソッドです。セルのタイプは第二引数に文字列で指定します。この例ではmeter（メーター）を指定しています。その他、ラベルの他、エディットボックスとして値の編集を可能とするセルタイプもあります。

SetCellProperty("col", "MeterForeColor", "#00FF00", 1)の記述は、セルのプロパティを指定するメソッドです。この例ではメーターの色を指定しています。指定可能なプロパティはセルのタイプ毎に異なります。詳細はコントロールリファレンスを参照してください。

SetColWidth(0, 100)などの記述は、グリッドの列幅を指定するメソッドです。この場合、列0（左端から１列目）の幅を100ピクセルにする、という意味になります。この値は各自が作成するコントロールのサイズに合わせて、自由に調整してください。

event OnTagValueChanged(tagname,value)
{
   var vIndex;
   
   vIndex = ::CNum(::RightStr(tagname, 2)) - 1;
 
   this.SetData(1, vIndex, ::NS(value, 0));
   this.SetData(2, vIndex, ::NS(value, 0));
}

OnTagValueChanged イベントには“tagname”と“value”の２つのパラメータがあります。tagnameには変化を検出したタグ名が、valueには当該タグの値が渡されます。

上記の作成例では、スクリプト中の記述で、
vIndex = ::CNum(::RightStr(tagname, 2)) - 1;
としています。この作成例ではタグ名がT01から始まる連番を想定しているため、タグ名から数値部分を取り出してマイナス１することで、グリッドの行のインデックスとしています。

メーターのレンジは、0から100までの値を100％として表示します。この作成例では全てのタグが0-100であるため特に意識しませんでしたが、アナログ値が0-100以外のレンジの場合には、SetDataメソッドで値を設定する際に、「Math.LinearTrans」メソッドを呼び出してスケール変換を行ってから設定する方法があります。
 

例）アナログ値が0-300の場合、メーターには0-300を0-100に変換して渡す

 
this.SetData(1, vIndex, ::NS( ::Math.LinearTrans(T, value, 0, 300, 0, 100) ,0));