セルのHTML要素取得方法

Forguncyで設定したセルは、Webブラウザーに表示される際には、HTMLのdiv要素となります。JavaScriptを使用してこれらのdiv要素を直接操作したい場合、要素の取得するためにはいくつかの指定方法があります。

●オブジェクト名を使用した方法

オブジェクト名を設定するに記載されている方法でリストビューやセルにオブジェクト名を設定している場合、オブジェクト名はdiv要素のfgcname属性として設定されています。そのため、以下のようなjQueryセレクタを使用して取得可能です。

JavaScript
$("[fgcname='hogeHeader']").animate({marginLeft: "0.6in"}, 1500 );

 

●idを使用した方法

セル型が設定されているセル、もしくはセル名が設定されているセルの場合、div要素には以下のようなルールに基づいたidが設定されています。

"r" + 行番号から1を引いた値 + "c" + 列番号から1を引いた値 + "p"

たとえば、上の図のように画像型セルが設定されている J5 セルの要素のidは "r4c9p" となります。

JavaScript
$("#r4c9p").animate({opacity: 0}, 1500 );