...
アイテム | 説明 | JavaScriptの例 |
API | 次を含むオブジェクトです。
| 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’ |
...