Fermer

février 19, 2020

Afficher les fichiers PDF dans votre page de formulaire Web ASP.NET en un rien de tempsUne minute de lecture

DotNetT2 Dark_1200x303


Découvrez le nouveau PdfViewer pour Telerik UI pour ASP.NET AJAX. Nous allons plonger dans ses riches fonctionnalités et vous aider à vous familiariser avec tout ce qu'il peut apporter à vos applications Web.

Avez-vous entendu la bonne nouvelle qu'un des composants les plus attendus arrivera Interface utilisateur Telerik pour ASP.NET AJAX – RadPdfViewer pour ASP.NET AJAX – est maintenant en ligne et vous offre la possibilité de visualiser des fichiers PDF directement dans le navigateur? Oui, dans tous les navigateurs modernes!

C'est vrai, et si vous êtes impatient de l'obtenir tout de suite et de le brancher dans vos applications Web Forms, vous pouvez le télécharger depuis votre compte Telerik.com et donner c'est un tour. Le contrôle est également présenté dans PdfViewer Overview demo et documenté ici .

 PdfViewer Core Features "title =" PdfViewer Core Features "/></p data-recalc-dims=

Si vous êtes curieux d'apprendre Pour en savoir plus sur les nouvelles fonctionnalités de PdfViewer et les avantages qu'il peut vous apporter, lisez ci-dessous:

Visionneuse PDF complète avec configuration facile basée sur la bibliothèque PDF.js populaire

Il est extrêmement facile de configurer le contrôle. Insérez simplement un ScriptManager sur la page, ainsi que les deux scripts en surbrillance et la déclaration PdfViewer comme indiqué ci-dessous:

< head runat = "server" > [19659002] < titre > La page PdfViewer </ titre >

</ tête >

< corps >

< forme id = "form1" runat = "serveur" >

< asp: ScriptManager runat = "server" />

< script type = "text / javascript ">

</ script >

< telerik: RadPdfViewer [19659010] runat = "server" ID = "RadPdfViewer1" Scale = "1.5" ActivePage = [19659012] "3" >

< PdfjsProcessingSettings Fichier = "images / Ticket.pdf" [19659042] />

</ [19659009] telerik: RadPdfViewer >

</ formulaire >

</ body >

</ html >

Pour spécifier le fichier PDF à charger, utilisez la propriété File de la section intérieure PdfjsProcessingSettings.

Pour plus d'informations sur les propriétés, consultez la section Mise en route .

Prise en charge de plusieurs navigateurs

Quel que soit le navigateur utilisé, vous obtenez le même UX beau et pixel parfait que vous êtes déjà

Rendu propre basé entièrement sur HTML5, JS et CSS

La ​​bonne chose ici est qu'aucun plugin Java, ActiveX, Silverlight ou Flash obsolète n'est utilisé. Nous nous appuyons uniquement sur des technologies modernes établies telles que HTML5, JavaScript et CSS3 pour le contrôle. Cela signifie que vos utilisateurs finaux obtiendront un composant PdfViewer pleinement opérationnel sans avoir à installer quoi que ce soit sur leurs machines clientes. Ils pourront voir le fichier PDF dans le navigateur sans le télécharger au préalable:

 PdfViewer Clean Rendering "title =" PdfViewer Clean Rendering "/></p data-recalc-dims=

Rendu réactif et support mobile

Le composant est entièrement réactif sur mobile et sur ordinateur. Tout ce que vous avez à faire pour l'activer est de définir Width = ’100%’:

 Pdf Viewer Responsive "title =" Pdf Viewer Responsive "/> 
<br data-recalc-dims=

Pro Tip

Le contrôle est compatible avec les sections 508 et WCAG 2.1.

Fonctions et outils intégrés

La ​​barre d'outils propose les outils suivants:

  • Pager – vous permet de parcourir les pages
  • Zoom et ajustement automatique – vous permet d'afficher le document de la manière souhaitée [19659105] Activer les boutons de sélection et de panoramique – toujours à portée de main
  • Rechercher – il est toujours utile d'avoir un outil de recherche
  • Ouvert – la boîte de dialogue vous permet de télécharger et de charger n'importe quel fichier PDF dans la zone de contenu
  • Téléchargement – vous peut télécharger le fichier chargé localement sur votre machine
  • Imprimer – vous permet d'imprimer le document PDF

Pro Tip

Vous pouvez directement activer l'option de zoom Ajuster à la largeur en définissant la propriété Scale = "Ajuster à la largeur".

Virtualisation

La ​​virtualisation intégrée garantit que même le plus gros fichier PDF peut être chargé et affiché dans le composant. Ceci est également couvert par le défilement fluide offert par cette fonctionnalité.

Variété de skins

Les 21 superbes skins disponibles devraient correspondre parfaitement à la conception de vos applications. Si vous devez les personnaliser, ce sera une tâche facile car ils sont basés uniquement sur HTML5 et CSS3.

 Skins PdfViewer "title =" Skins PdfViewer "/></p data-recalc-dims=

Prise en charge RTL

RadPdfViewer fournit prise en charge de la présentation de droite à gauche. RadPdfViewer considère l'attribut direction défini pour le contrôle lui-même ou tout élément HTML parent:

< telerik: RadPdfViewer ID = "RadPdfViewer1" [19659010] runat = "server" dir = "rtl" ... />

Convertir, afficher et télécharger différents formats

Le contrôle vous permet non seulement de charger et d'afficher des documents PDF, grâce à son intégration avec la bibliothèque Telerik Document Processing (qui fait partie des bundles Telerik ASP.NET AJAX et / ou DevCraft), vous pouvez facilement télécharger et convertir plusieurs types de fichiers comme * .docx, * .rtf, * .html, * .txt, * .xlsx et même * .csv au format PDF et pour charger le fichier dans la visionneuse PDF. Consultez les informations suivantes dans démonstration de l'intégration, Convertir, afficher et télécharger différents formats .

 PdfViewer Convert to PDF "title =" PdfViewer Convert to PDF "/></p data-recalc-dims=

Astuce Pro

Vous pouvez définir la limite de la taille du fichier converti à l'aide de la propriété MaxSerializerLength de RadPdfViewer.

API côté client puissante

Grâce aux riches capacités côté client du contrôle, vous disposez des possibilité de modifier dynamiquement la page active, d'exécuter des commandes, d'ajouter des boutons personnalisés et bien plus encore.

Astuces de pro

Modèles de barre d'outils – via l'addToolBarItem, vous avez la possibilité d'ajouter des modèles de barre d'outils.

pdfViewer. addToolBarItem ({

type: "bouton"

texte: "Envoyer un e-mail"

cliquez sur: fonction (e) {

alert (e.target.text () + "est cliqué" );

}

});

Vos commentaires sont plus que bienvenus

Vos commentaires sont très importants pour nous, car ils aident nous pour voir votre voix et quelle direction prendre avec le développement des produits. Comme vous l'avez vu ci-dessus, le contrôle est riche en fonctionnalités et en fonctionnalités, mais si vous souhaitez voir quelque chose de nouveau ou de différent, veuillez le partager dans les commentaires ci-dessous ou sur le Portail de commentaires .

Si vous êtes nouveau sur Telerik UI pour ASP.NET AJAX et souhaitez lui faire un essai, vous pouvez télécharger un essai gratuit et commencer dès aujourd'hui.




Source link