Valence ページ送りが未設定の場合に件数表示する方法

ValenceではGridやEditGridを使用する際ページ設定が未設定の場合にはGridの件数が表示されません。
今回はスクリプトで下部にタスクバーを追加し件数を表示させる方法をご紹介します。

Gridの件数表示設定方法

ウィジェットに名前を付ける

アプリケーション作成画面で件数を表示させたいGridの設定画面を開き、ウィジェットに名前を付けます。(例）Edit01

アプリ変数の追加

Gridの件数を保持するアプリ変数を追加します。
・アプリ変数：GridCount　初期値：０

ウィジェットのリンクプロパティ

ウィジェットプロパティの “全般” > nabTotalCountにGridCountアプリ変数を設定します。

スクリプトの追加

動作内容のStartupから「スクリプトの実行」を選択します。

下記のスクリプトを記載します。
※Gridの名とアプリ変数GridCountの名前変更している場合にはスクリプト内も変更ください。

const grid = getWidget('Edit01').down('grid');

toolbar = Ext.create('Ext.toolbar.Toolbar', {
    dock: 'bottom',
    height: 46,
    items: [
       
         { xtype: 'tbspacer', width: 50  },{
        xtype: 'tbtext',
        bind : {
           text: '{GridCount} 件'
        }
    }
    ]
});

grid.dockedItems.add(toolbar);

success();

Gridの下部に件数を表示することができました。