デザイナページを定期的に自動更新する

2021年12月24日2024年3月23日サンプルコンテンツ

コンテンツを定期的に自動更新して、常に最新情報を取得したいことがあります。

コンテンツを定期的に自動更新したい場合は、カルーセルコンテナを使って実装することができます。
カルーセルコンテナを使った方法は、コチラの記事を確認してください。

本記事は、ページ全体を一括更新したい場合のサンプルコンテンツを紹介しています。

デザイナページを任意の実行間隔で自動更新することができます。
ブラウザのリフレッシュやコンテンツの再実行を行わなくても、ダッシュボードなど常時表示したい画面に最新データを表示できます。

本サンプルの実装方法

１．ダウンロードしたファイルを任意の場所に配置します
２．WebFOCUS(http://サーバIP/ibi_apps)にログインし、ユーティリティの変更管理からインポートを選択します
３．インポート画面より、１でダウンロードしたzipファイルをアップロードしてインポートを実施します
４．サンプルデータとして使用しているCARファイルを準備します
５．ワークスペース配下のsampleフォルダ内にあるsample_page_updateファイルを実行します

HTMLの検索条件からコンテナを更新する仕組みについて

デザイナでページのIDを確認します。

JavaScriptに、ページのIDをターゲットに、任意の間隔でpagerefreshをする関数を追加します。

var items = [
    { page: 'PAGE-KX5TIS7M1HBC3MQJ96974', interval: '10' },
]

$(window).on('iba_pageloaded', function() {
    items.forEach(function(item, index) {
        if(item.flg === undefined) {
            items[index].flg = '1';
            setInterval(pagerefresh, Number(item.interval) * 1000, item.page);
        }
    })
});
function pagerefresh(pageclass) {
    $('.' + pageclass + ' .pd-header-button-refresh').trigger('click');
}

ダウンロード