セルにコメントの追加

SpreadJSではセル内でコメントがサポートされます。コメントの外観を設定できるほか、コメントをサイズ変更、移動、または編集できます。

セルにコメントを追加し、その外観を設定できます。コメントをサイズ変更、移動、または編集することもできます。

次の図は、サイズ変更インジケータ、および移動インジケータのアイコンを示します。サイズ変更アイコンは、コメントを選択すると表示されます。移動アイコンは、マウスポインタをコメントの境界線上に合わせると表示されます。

コメント関連のイベントまたはコメントテキストをロックするには、シートの options. isProtected メソッドをtrueに設定します。次の表は、シートが保護されている場合での、各コメントプロパティの値とそれぞれの結果を示します。

dynamicMoveおよび dynamicSizeメソッドを設定しておくと、行または列をサイズ変更した場合に、コメントの位置とサイズを動的に変更できます。次の表は、dynamicMoveとdynamicSizeの設定値とその結果を示します。

コメントが編集モードになると、コメント内のテキストの切り取り、コピー、または貼り付けを行えます。セルをコピーすると、セルと共にコメントもコピーされます。

コメントテキストの切り取り、コピー、貼り付け、コメントのサイズ変更や移動、コメント書式の変更には、アンドゥおよびリドゥ操作が適用されます。

メモ：Excel形式のファイルからコメントをインポートする時、いくつかの制限があります。例えば、いくつかの境界線のスタイルやフォントがインポートされません。コメントをインポートするファイルでのシートの範囲は、インポート先のファイルのシートの範囲より大きい場合は、コメントの場所が異なる場合があります。

コードの使用

次のサンプルコードは、セルにコメントを追加して、その色と表示モードを設定します。

var comment = activeSheet.comments.add(5,5,"new comment!");
comment.text("new comment!");
comment.backColor("red");
comment.displayMode(GC.Spread.Sheets.Comments.DisplayMode.AlwaysShown);

コメントアイコンのカスタマイズ

コメントを挿入すると、デフォルトでセルの右上隅に小さな赤い三角形が表示されます。indicatorColorとindicatorSizeメソッドを使用して、コメントのデフォルトの色とコメントアイコンのサイズを変更できます。

次の画像は、緑色のコメントアイコンが付いたセルを示しています。

コードの使用

次のサンプルコードは、セルにコメントを追加して、コメントアイコンの色とサイズを設定します。

// create comment
var comment = new GC.Spread.Sheets.Comments.Comment();
comment.text("これはセル[2,2]のコメントです。");

// indicatorSizeを設定します。
comment.indicatorSize(25); // デフォルトは6です。

// indicatorColorを設定します。
comment.indicatorColor('green'); // デフォルトは赤です。

// コメントを追加します。
activeSheet.comments.add(2, 1, comment);