Angularのニュース

強力なAngular PDFリーダーアプリを構築

3月 15, 2024
追加のプラグインを必要とせずに、Angular PDF ViewerのKendo UIを使用して組み込みのPDF読み取り機能でAngularアプリを強化

Kendo UI by Telerik is a comprehensive suite of JavaScript UI components offered in versions for jQuery, Angular, React, and Vue. It provides developers with over 110 pre-built widgets and tools to streamline the creation of modern, responsive, and feature-rich web applications, while maintaining a consistent API and theming across frameworks for a cohesive user experience.

This Telerik blog post by Dany Paredes explains how to integrate the Kendo UI Angular PDF Viewer into your web applications and customize how users interact with PDFs, enhancing the user experience or even restricting downloads in specific scenarios. Steps include:

  • Setting up the initial Project parameters
  • Defining the Layout and Interface for both Users and the PDF Viewer
  • Configuring the Reader Service to remember where the User left off
  • Binding Assets to the Kendo PDF Viewer
  • Handling Events
  • Working with the Kendo UI PDF Viewer Toolbar

Kendo UI for Angular PDFViewer provides out-of-the-box functionalities like toolbar customization and event handling, allowing you to quickly build a feature-rich PDF Viewer with minimal code.

View the full blog to learn these valuable techniques.

Kendo UI is licensed per developer and is available as a perpetual license with a 1 year support subscription, which is available in 3 tiers: Lite, Priority or Ultimate. See our Kendo UI licensing page for full details.

Kendo UI is available to buy in the following products:

スマートな再レンダリングでセル更新を最適化

3月 13, 2024
Handsontable 14.2.0では、メモ化を使用して、セルの編集やスクロールなどのユーザー操作後の不要な再レンダリングを防止

Handsontable is a JavaScript library designed to help developers build interactive data grids into their web applications. Offering a familiar spreadsheet-like interface, it allows users to edit, sort, and filter data with ease. Highly customizable and compatible with popular frameworks like React and Angular, Handsontable empowers developers to build robust data manipulation features into their web applications.

Handsontable 14.2.0 improves cell re-rendering using the React wrapper. The wrapper now uses memoization to optimize performance during user interactions like cell editing or scrolling in the grid, allowing the wrapper to remember the previous state and only update the elements that have actually changed. This smarter approach results in a smoother and more stable experience in your Handsontable apps, especially for complex custom cell types.

To see a full list of what's new in version 14.2.0, see our release notes.

Handsontable is licensed per developer and is available as an Annual or Perpetual license with 1 year support and maintenance. See our Handsontable licensing page for full details.

For more information, visit our Handsontable product page.

Webアプリケーションへの詳細グラフの追加

2月 23, 2024
JavaScript詳細グラフを使用すると、ユーザーはデータの複数のレイヤーを簡単にナビゲートし、特定のデータポイントに注意を向けることが可能

ActiveReportsJS is a reporting tool for web applications that allows developers and report authors to easily design and display reports within their applications. With a wide range of features, such as drill-down, runtime data filtering, and parameter-driven reports, as well as compatibility with popular frameworks, ActiveReportsJS simplifies the process of creating and managing reports.

In this blog post, MESCIUS Technical Engagement Engineer Joel Parks shows you how to utilize ActiveReportsJS to incoporate charts into your JavaScript report, and bind your chart data together through the use of parameterized drill-through navigation, allowing your users to easily traverse between them. Steps include:

  • Creating a report and binding a data source
  • Adding subreport parameters
  • Building line and stacked column charts
  • Setup drill-through navigation between reports
  • Loading the report into a JavaScript application

Read the complete blog now, and start adding drill-through chart functionality to your JavaScript report using ActiveReportsJS.

ActiveReportsJS is licensed on an annual subscription or perpetual basis and is available as a Single Deployment License for non-commercial use, and as a Single Domain License or Unlimited Domain License for commercial and/or SaaS use. See our ActiveReportsJS licensing page for full details.

For more information, visit our ActiveReportsJS product page.

Angular Gridsのサーバー側ソートの実装

2月 21, 2024
効率的なサーバー側のソートでAngularグリッドの可能性を解き放ち、パフォーマンスとスケーラビリティを最適化してシームレスなデータ処理を実現

Offloading sorting tasks to a server (known as remote server sorting or server-side sorting) enables large datasets to be handled efficiently without overwhelming the client. This minimizes data transmission and leads to snappier web applications. Moreover, server-side sorting boosts scalability by ensuring processing happens on the server, freeing up client resources. This translates to faster response times, especially for large datasets, making the user experience smoother. This approach empowers developers to build responsive and scalable web applications that excel at managing and presenting sorted data.

Several Angular grid controls offer sorting on the remote server, including:

  • Wijmo FlexGrid (part of Wijmo by MESCIUS) offers remote server sorting capabilities, enhancing grid responsiveness by delegating sorting tasks to the server side.
  • DevExtreme HTML5 JavaScript Data Grid (part of DevExtreme Complete by DevExpress) offers remote server sorting, boosting performance by offloading sorting to the server.
  • jQWidgets Grid (part of jQWidgets) optimizes data grid sorting with remote server support, ensuring efficient processing and enhancing overall performance in Web applications.
  • Ignite UI Angular Grid (part of Infragistics Ignite UI) streamlines grid sorting with remote server support, providing efficient processing for improved performance and scalability.
  • ZingGrid enhances user experience with remote sorting, allowing developers to implement efficient server-side sorting for improved performance in grid-based data presentations.

For an in-depth analysis of features and price, visit our comparison of Angular Grid controls.

Compare Angular Grid Controls

JavaScriptでの複雑な3Dジオメトリのレンダリング

2月 16, 2024
LightningChart JS v5.1.0では、頂点値を使用して3Dオブジェクトをカラフルで高性能に視覚化するための新しいメッシュモデルグラフ種別を追加

LightningChart JS is a high-performance JavaScript charting library that utilizes WebGL rendering and GPU acceleration to deliver exceptional performance for a wide range of data visualization needs. It is designed to handle large datasets and complex visualizations with ease, enabling developers to create interactive and visually appealing charts for various applications.

The LightningChart JS v5.1.0 release lets you unleash the power of complex visualizations with the new Mesh Model 3D chart type. Render intricate geometries and models with dynamic coloring pulled from a separate data set in real-time. The PaletteFill feature imbues 3D Mesh Models with vibrant colors based on vertex values, transforming your charts into captivating representations of even the most detailed 3D shapes.

To see a full list of what's new in v5.1.0, see our release notes.

LightningChart JS is licensed based on method of deployment with options including SaaS Developer Licenses, Application Developer Licenses, and Publisher Developer Licenses. Each license is perpetual and includes 1 year subscription for technical support and software updates. See our LightningChart JS licensing page for full details.

Learn more on our LightningChart JS product page.