Neuigkeiten zu JavaScript / HTML5

Schnelles Binden und Anzeigen von Daten in Angular-Apps

März 18, 2024
Infragistics Professional 23.2 enthält ein leistungsstarkes Angular-Datenraster, mit dem Ihre App Datensätze jeder Größe verarbeiten kann.

Auf Englisch weiterlesen:

Infragistics Professional is a comprehensive toolkit for software developers, offering a wide range of pre-built, high-performance UI components for building visually appealing and feature-rich applications across Angular, React, Web Components, Blazor, ASP.NET MVC, ASP.NET Core, Windows Forms, WPF and Xamarin. It includes controls such as data grids, charts, navigation menus, and more, along with productivity tools to streamline development processes.

Infragistics Professional 23.2 includes the new Ignite UI Angular Data Grid, a full-featured modern component designed to enhance your data visualization capabilities. The grid boasts a rich set of features including data editing, selection, filtering, sorting, grouping, pinning, paging, templating, column moving, and exporting. This latest release brings even more functionality with collapsible column groups, column hiding, pinning, reordering, and moving capabilities. For customization, conditional styling allows for tailored aesthetics at the row or cell level. Advanced editing is empowered by a powerful API for Angular CRUD operations, and the grid also supports export to Excel, advanced filtering, and live data with real-time updates. These features, along with many more, provide a robust solution for all your data grid needs.

Infragistics Professional is licensed per developer and is available as a Perpetual License with a 1, 2 or 3 year support and maintenance subscription. See our Infragistics Professional licensing page for full details.

The Ignite UI for Angular Data Grid is available in the following products:

Erstellen Sie eine leistungsstarke Angular-PDF-Reader-App

März 15, 2024
Erweitern Sie Ihre Angular-Apps mit dem integrierten Lesen von PDFs über den Kendo UI for Angular PDF Viewer, ohne dass zusätzliche Plugins erforderlich sind.

Auf Englisch weiterlesen:

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:

Beherrschen der JavaScript-Codierung mit KI-Power

März 14, 2024
Optimieren Sie die Sencha Ext JS-Entwicklung mit ChatGPT, um mühelos umfangreiche interaktive JavaScript-Anwendungen zu erstellen.

Auf Englisch weiterlesen:

Sencha Ext JS is a comprehensive JavaScript framework for building data-intensive, cross-platform web and mobile applications for any modern device. Ext JS includes 140+ pre-integrated and tested high-performance UI components such as HTML5 calendar, grids, pivot grid, D3 adapter, trees, lists, forms, menus, toolbars, panels, windows, and much more.

In this blog post by Sencha Sales Engineer Andres Villalba you will learn the steps to use the power of ChatGPT to unlock your Ext JS potential. This includes:

  • Building Data
  • Stores and Models
  • Updating the Navigation
  • Creating a Chart
  • Displaying information in a Grid

The article also links to a recording of Andres's full session at JS Days, so you can watch as he takes you through the process, step by step.

Read the complete blog and find out how to save development time when building your next Ext JS JavaScript with ChatGPT.

Sencha Ext JS is available in Pro, Enterprise and Ultimate editions, as Annual Subscription or Perpetual Licenses. See our Sencha Ext JS licensing page for full details.

For more information, see our Sencha Ext JS product page.

Optimieren der Zellenaktualisierungen mit intelligentem Re-Rendering

März 13, 2024
Handsontable 14.2.0 verwendet jetzt Memoization, um unnötiges Re-Rendering nach Benutzerinteraktionen wie Zellenbearbeitung oder Scrollen zu verhindern.

Auf Englisch weiterlesen:

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.

Visuelle Hervorhebung kritischer Datenelemente

März 12, 2024
Verbessern Sie die Datenvisualisierung und die Benutzererfahrung, indem Sie die Aufmerksamkeit auf wichtige React-Rasterdaten mit bedingter Formatierung lenken.

Auf Englisch weiterlesen:

Conditional formatting in a grid allows you to dynamically alter the visual style of cells based on specific criteria within your data. This functionality enhances readability and user experience by highlighting important information. For instance, negative values can be displayed in red, exceeding values in bold, and empty cells with a light gray background, all within the grid itself. This reduces the need for users to manually scan through data and immediately draws attention to critical elements.

Several React grid controls offer conditional formatting, including:

  • KendoReact Data Grid (part of KendoReact by Telerik) facilitates applying custom styles and colors to grid cells based on data conditions.
  • Wijmo FlexGrid (part of Wijmo by MESCIUS) empowers developers to implement conditional formatting rules for visual data analysis in React apps.
  • Handsontable by Handsoncode enables the creation of data grids with dynamic cell formatting dependent on specific values.
  • jQWidgets Grid (part of jQWidgets) offers conditional formatting capabilities to highlight patterns and trends within React data grids.
  • Syncfusion Grid (part of Syncfusion Essential Studio Enterprise) provides conditional formatting rules to enhance grid data visualization.

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

Compare React Grid Controls