PDFTron中的重新排序页面事件

Question

我正在处理面板中的重新排序页面>缩略图视图。PDFTron提供了功能，这样我就可以拖动并重新排列/重新排序页面。然后使用该事件，我将在服务器上上传新的PDF。但我找不到只有当用户在缩略图控件中执行重新排序时才会触发的正确事件。

到目前为止，我正在使用pageNumberUpdated事件，但当用户在PDFVeiwer中滚动到PDF时，它会触发。

WebViewer({
licenseKey: 'KEY',
path: './public/webviewer',
css: './css/pdftron-custom.css'
}, document.getElementById('pdfEditor') as HTMLElement).then(async(instance: WebViewerInstance) => {
webViewerInstance = instance;

webViewerInstance.docViewer.on('pageNumberUpdated', async() => {
// OTHER STUFF
});
});

PDFTron链接：https://www.pdftron.com/documentation/web/guides/manipulation/thumbnails-controls/#reordering-页面

所以基本上，当用户拖放缩略图来移动页面时，我应该使用哪个事件来触发？

Answer 1

您可以在DocumentViewer上使用layoutChanged事件。例如：

//instantiate the viewer as usual 
const { docViewer } = instance;
docViewer.on('layoutChanged', () => console.log('PAGES UPDATED'))

当缩略图面板发生更改时，会触发此事件。https://www.pdftron.com/api/web/CoreControls.DocumentViewer.html#event:layoutChanged__anchor