nhn / tui.grid

🍞🔡 The Powerful Component to Display and Edit Data. Experience the Ultimate Data Transformer!
http://ui.toast.com/tui-grid/
MIT License
2.39k stars 385 forks source link

beforePageMove 이벤트에서 event를 stop할 경우 grid에 데이터는 업데이트 되지 않으나 pagingnation은 이동처리 됩니다. #2021

Open samsik2ya opened 5 months ago

samsik2ya commented 5 months ago

tui grid에서 제공하는 beforePageMove 이벤트를 이용중인데, event를 stop하면, grid 기존 그대로 있으나 grid 하단의 pagingnation이 이동처리가 되는 버그가 있습니다. 수정 부탁드립니다.

Animation 테스트

`


 const grid = new tui.Grid({ 
      el: document.getElementById('grid'),
      data: gridData, 
      rowHeaders: ['rowNum'],
      scrollX: false,
      scrollY: false,
      columns: [ 
        {
          header: 'Name',
          name: 'name'
        },
        {
          header: 'Artist',
          name: 'artist'
        },
        {
          header: 'Type',
          name: 'type'
        },
        {
          header: 'Release',
          name: 'release'
        },
        {
          header: 'Genre',
          name: 'genre'
        }
      ],
      pageOptions: {
        useClient: true,
        perPage: 1
      }
    });

    grid.on('beforePageMove', (event)=>{
            const {page} = event;
        if(page === 2) {
            event.stop();
        }
    });
``` `