Kendo UI致力于新的开发来满足不断变化的需求通过React框架的Kendo UI JavaScript封装来支持React Javascript框架。Kendo UI for React能够为客户提供更好的用户体验并且能够更快地构建更好的应用程序。虽然查看PDF可能不是开发人员最需要关注的问题但有可能最终开发者都要在自己的React应用程序中包含一个PDFKendoReact的PDF Viewer组件能帮助开发者快速处理这个问题为什么PDF Viewer组件能替代浏览器PDF Viewer可能会有开发者会说每个现代浏览器都内置了PDF Viewer组件为什么还需要其他组件呢从技术上讲浏览器确实可以处理PDF浏览但是有几个理由可以很好地全是为什么应该考虑使用PDF查看器组件而不是将其留给默认的浏览器PDF查看器。控制用户流浏览器PDF查看器将始终在一个新选项卡中打开将用户从应用程序流中移除。这是非常具有破坏性的如果PDF的内容通知用户在应用程序中的决策和操作这很不友好。用户不得不做整个来回切换的事情或者试着让他们的窗口平铺得恰到好处(所以现在他们使用应用程序时只有半个屏幕)。一致的用户体验用户体验因用户而异这取决于他们使用的浏览器。例如谷歌浏览器的PDF浏览体验和Safari上的用户有很大不同这还不包括使用手机和平板电脑的用户。允许自定义当开发使用浏览器默认查看器时无法控制用户如何与PDF的交互。不想提供下载选项不需要搜索功能当开发者使用浏览器提供的默认值时就失去了自定义用户交互选项的功能只能使用默认值。一致的设计和样式浏览器PDF查看器与应用程序的外观不匹配开发者可能会花费大量的时间和精力去为应用程序创建自定义品牌和设计风格。使用PDF Viewer组件时可以将其直接插入到应用程序中并与已经使用的设计系统相匹配。事件管理当开发者使用PDF Viewer组件时可以获得与用户操作挂钩的功能。需要追踪下载量?在页面更改时触发事件?留意错误?一个好的PDF Viewer组件会公开这些事件允许开发者在应用程序中轻松处理文件操作逻辑。KendoReact PDF Viewer组件KendoReact PDF Viewer组件使用起来非常简单PDFViewerdata{SampleFileBase64}/就是这样一行代码36个字符。当然如果您想自定义工具栏、应用自己的风格等会添加更多的字符。自定义工具栏KendoReact PDFViewer组件包括10个内置工具包含分隔器、间隔器、zoomInOut、缩放、选择、搜索和打开等组件将默认包含所有工具但如果您只想指定其中的某个选择只需将这些工具直接传递到工具道具中。PDFViewer data{SampleFileBase64} tools{[pager,zoom]}/使用事件KendoReact PDF Viewer组件还提供了以下事件您可以onLoad – 加载PDF文档时触发。onError – 发生错误时触发例如无法读取所选文件时。onDownload –单击下载工具时触发为防止下载返回false。onPageChange – 页面更改时触发。onRenderContent – 在内容组件即将呈现时触发。onZoom – 缩放级别更改时触发。onRenderLoader – 在加载指示组件即将呈现时触发。onRenderToolbar –在工具栏组件即将呈现时触发。所以要使用这些就像这样简单function myFunction() { console.log(Hello World); } --- PDFViewer data{SampleFileBase64} onPageChange{myFunction}/
