30日間の無料評価版をお試しいただけます。

Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.

...

アイテム説明JavaScriptの例
API

次を含むオブジェクトです。

  • DashboardAPI
  • WidgetAPI
  • CanvasAPI
  • Filters

constructor(options) {

options.apis.dashboards.name;

options.apis.filters;

}

Elementこれは、レンダリングされるコードウィジェットにYellowfinが生成するDOM要素です。生成するすべてのHTMLは、この要素に追加する必要があります。

constructor(options) {

options.element.innerHTML = ‘Hello World’;

}

ResourceLoader

コードウィジェット定義から追加のリソースをロードするために使用できるヘルパークラスです。これにより、コードウィジェット定義から他のアイテムをロードしたり、最初のコードウィジェットをロードした後に、必要なサードパーティ製ライブラリをロードしたりできます。

注意:AbstractCodeTemplate.setupResourcesで定義したリソースのうち、isLibraryとして定義されていないものは、CodeWidgetの初期化時にロードされます。これは、コードウィジェットがロードされるときに実行されるリクエスト数を削減するために行われます。setupResourcesで定義したリソースのうち、isLibraryとして定義されていないものは、CodeWidgetの初期化時にロードされます。これは、コードウィジェットがロードされるときに実行されるリクエスト数を削減するために行われます。

options.resourceLoader.load(‘my_second_file.js’, function(MySecondFile) {

//Do something with MySecondFile

));

Messenger

このオブジェクトは、キャンバスのステータスを取得し、オプションを保存するのに役立つ関数とフラグを含みます。

例:

edit

このコードウィジェットが含まれているキャンバスが編集モードであるかどうかを定義するフラグです。これは、ウィジェットのカスタムインターフェースを作成するために使用できます。


getOptionValue(optionName)

このウィジェットに定義された値を返します。


setOptionValue(optionName, optionValue)

渡されたoptionNameに対して、渡されたoptionValueを保存します。これは後ほど取得できます。これは、カスタムセットアップに使用できます。キャンバスが編集モードではない時にこれが呼び出された場合、その呼び出しは無視されます。

edit

if(options.messenger.edit) {

    //Custom Edit Code

} else {

    //Published Code

}

getOptionValue(optionName)

console.log(options.messenger.getOptionValue(‘myOption’));

setOptionValue(optionName, optionValue)

options.messenger.setOptionValue(‘myOption’, ‘myOptionValue’);

console.log(options.messenger.getOptionValue(‘myOption’)); //Value will be ‘myOptionValue’

...