セルのHTML要素取得方法

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

warning
..\..\Media\pict-warning.png

Forguncyが保証しているJavaScriptの範囲は、Forguncyで提供しているJavaScript APIとWeb APIになります。このため、一般的なJavaScriptコードを実装した場合は、お客様の方で十分な動作確認を行ってください。また、問題なく動作した場合でも、将来的にForguncyの機能強化等の影響を受ける可能性もあります。これらのことを踏まえて採用するかどうかを判断してください。

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

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

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

 

●idを使用した方法

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

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

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

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