{{--表アクション--}}

{{--｜再読込ボタン--}}
<x-button.report-reload id="btn_reload"  @click="reloadForExpectedReceiptList"/>

{{--｜列設定リセットボタン--}}
<x-button.sub id="btn_clear_col" text="列設定リセット"
    icon="fa-solid fa-eraser text-xs mr-0.5"
    shape="btn-table btn-light text-xs py-[0.1875rem]" />

{{--｜EXCEL出力ボタン--}}
<x-button.report-excel id="btn_export" @click="excelForExpectedReceiptList" />

{{-- script --}}
<script>

    window.addEventListener('load', () => {
        
        // 再読込ボタン押下時 
        window.reloadForExpectedReceiptList = () => {
            Alpine.$data($('#grid')).search();
        }
        // 列設定リセットボタン押下時
        $('#btn_clear_col').addEventListener('click', (e) => {
            Alpine.$data($('#grid')).clearColumnState();
        });
        // EXCEL出力ボタン押下時 
        window.excelForExpectedReceiptList = () => {
            const title = Alpine.$data($('#grid')).defs.title;
            const name = title + '_' + Editor.now() + '.xlsx';
            Alpine.$data($('#grid')).gridApi.exportDataAsExcel({
                fileName: name,
                sheetName: title,
            });
        }
    });
</script>