JavaScript / HTML5 뉴스

툴팁을 통한 대시보드 상호작용 향상

3월 18, 2024
Stimulsoft Dashboards.JS 2024.2에서 툴팁에 대한 지원을 추가하여 사용자가 요소 위로 마우스를 가져갈 때 정보성 팝업을 표시합니다.

Stimulsoft Dashboards.JS is a JavaScript library designed for building interactive dashboards within web applications. It offers a comprehensive suite of tools for data processing, visualization, and dashboard design. Compatible with any HTML5 browser, it allows you to create a variety of dashboards for various purposes and integrates seamlessly with popular JavaScript frameworks like React and Vue.js.

The Stimulsoft Dashboards.JS 2024.2 update adds tooltip functionality for list box, combo box and shape elements. Hovering over an item can now reveal more information, providing additional details and context on demand. This intuitive feature empowers users to explore data and grasp its meaning at a glance, enhancing overall understanding.

For full details of what's new in version 2024.2, see our release notes.

Stimulsoft Dashboards.JS is licensed per developer and is available as a Perpetual license with 1 year support and maintenance. See our Stimulsoft Dashboards.JS licensing page for full details.

Stimulsoft Dashboards.JS is available to buy in the following products:

Angular 앱에서 데이터를 빠르게 바인딩하고 표시하세요

3월 18, 2024
Infragistics Professional 23.2에는 앱이 모든 크기의 데이터 세트를 처리할 수 있도록 하는 강력한 Angular 데이터 그리드가 포함되어 있습니다.

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:

강력한 Angular PDF 리더 앱을 빌드하세요

3월 15, 2024
추가 플러그인 없이 Kendo UI for Angular PDF Viewer를 사용하여 내장된 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:

AI를 활용하여 JavaScript 코딩을 마스터하세요

3월 14, 2024
ChatGPT를 통해 Sencha Ext JS 개발을 간소화하여 풍부한 기능의 대화형 JavaScript 애플리케이션을 손쉽게 제작할 수 있습니다.

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.

스마트한 재렌더링을 통한 셀 업데이트 최적화

3월 13, 2024
이제 Handsontable 14.2.0에서 메모이제이션(memoization)을 사용하여 셀 편집 또는 스크롤 동작과 같은 사용자 상호작용 후 불필요한 재렌더링을 방지합니다.

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.