JavaScript / HTML5 뉴스

JavaScript 보고 애플리케이션에 Tablix를 추가하세요

1월 23, 2024
표와 행렬의 이점을 결합하여 복잡한 데이터를 쉽게 이해할 수 있는 구조화된 형식으로 구성 및 표시합니다.

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.

A Tablix is a versatile report item that acts as a unified platform for displaying data in table, matrix (cross-tab), and list formats. It offers a flexible layout grid with nested rows and columns, allowing you to structure data for easy analysis and visualization. This empowers you to present detailed information, group data by categories, and summarize key metrics, all within a single report element.

In this blog, MESCIUS Technical Engagement Engineer Joel Parks shows you how to use ActiveReportsJS to add a Tablix control to your JavaScript report. Steps include:

  • Adding a Data Source and Tablix control to your report
  • Binding a Data Source and assigning Rows, Columns, Values, and Totals
  • Formatting the Tablix Cells layout

Read the full blog and give your users the ability to create flexible reports with the ability to adapt to changing data conditions.

그리드 데이터를 간편하게 내보내고 공유하세요

1월 22, 2024
Angular 그리드 내보내기에 널리 지원되는 CSV 형식을 활용하여 원활한 데이터 교환을 촉진합니다.

CSV export functionality in a grid control empowers users to seamlessly bridge the gap between interactive visualization and in-depth analysis. By exporting the displayed data as a readily importable CSV file, users gain immediate access to a familiar format compatible with diverse spreadsheet tools. This feature promotes efficient data extraction, facilitating further analysis, report generation, and data sharing, all directly from the convenience of the grid interface.

Several Angular grid controls support exporting to CSV, such as:

  • Wijmo FlexGrid (part of Wijmo by MESCIUS) allows you to transform your Angular data tables into clean, ready-to-analyze CSV files with seamless export options.
  • Handsontable by Handsoncode empowers rapid data analysis with seamless, flexible CSV export from your Angular grids.
  • Ignite UI Angular Grid (part of Infragistics Ignite UI) lets you effortlessly export your grids to clean, analysis-ready CSV files in a single click.
  • Syncfusion Grid control for JavaScript (part of Syncfusion Essential Studio Enterprise) allows you to capture Angular grid data effortlessly in CSV format for straightforward sharing.

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

Compare Angular Grid Controls

JS App에서 시각적 선택으로 사용성을 개선하세요

1월 22, 2024
Image ListBox 컨트롤은 항목 선택에 도움이 되는 시각적 표시를 통해 사용자 환경과 디자인을 향상시킵니다.

Image listboxes transcend the limitations of traditional listboxes by incorporating image previews alongside textual labels. This creates an intuitive browsing experience, enabling users to quickly identify and select an option with visual cues. This is particularly useful for applications where visual selection enhances the user experience, such as choosing products in an e-commerce platform or selecting avatars in user profiles. It combines the clarity of images with the efficiency of a listbox to streamline selection processes.

Several JavaScript data editor collections provide image listbox capabilities including:

  • DevExtreme Complete Data Editors (part of DevExtreme by DevExpress) allows you to integrate thumbnails and icons directly into list items, streamlining user selection.
  • Kendo UI for jQuery Editors (part of Kendo UI by Telerik) lets you create templates to customize the display of each list item with text and images.
  • Wijmo Input and Editors (part of Wijmo by MESCIUS) includes a customizable ListBox which can display images next to items to facilitate informed user selection.
  • Smart HTML Elements Data Editors The Smart.ListBox control displays rows containing customizable tiles that can contain text with icons/images or avatars.

For an in-depth analysis of features and price, visit our comparison of JavaScript Data Editor components.

Compare JavaScript Data Editors

대시보드 테이블 요소에 사용자 지정 필터 추가

1월 19, 2024
Stimulsoft Dashboards 2024.1.1에 사용자 정의 필터링이 추가되어 테이블의 데이터 탐색 기능이 향상됩니다.

Stimulsoft Dashboards is a versatile suite of tools for crafting interactive data visualizations for web and desktop applications. It empowers developers to embed intuitive dashboards across various platforms, including .NET, JavaScript, and PHP, using the platform-specific components or a centralized cloud designer. With rich data analysis elements, extensive customization options, and pre-built templates, Stimulsoft Dashboards helps you transform complex data into clear, actionable insights for any audience.

The Stimulsoft Dashboards 2024.1.1 update adds the option to include custom filters for the Table element in dashboards. When filters are applied to the table, a dedicated control element lets you easily edit and remove user filters with a single click. This intuitive addition streamlines workflow, keeps you focused, and ensures your dashboards always reflect the exact insights you need.

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

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

Stimulsoft Dashboards is available to buy in the following products:

Angular에서 현지화된 스프레드시트를 작성하세요

1월 19, 2024
스프레드시트 애플리케이션을 다양한 로캘(locale)에 맞게 조정하면 전 세계 사용자가 접속할 수 있고 사용자 친화적인 애플리케이션을 만드는데 도움이 됩니다.

In spreadsheet controls, localization refers to adapting the user interface and functionality to different languages and cultural contexts. This involves translating static text like menu labels and buttons, formatting dates and numbers according to regional conventions, and even adjusting features like formula syntax to match users' expectations. Effective localization ensures intuitive interaction for global audiences, boosting user adoption and enhancing the overall spreadsheet experience.

Several Angular spreadsheet controls support localization including:

  • SpreadJS by MESCIUS (formerly GrapeCity) enables developers to streamline localization with rich formatting options, multi-language support, and built-in translation tools for Angular spreadsheets.
  • Telerik Excel Export (part of Kendo UI) allows you to simplify localization with built-in Excel formatting and right-to-left language support for Angular spreadsheet exports.
  • Jspreadsheet Pro is a front-end component, providing a datagrid that integrates with Angular. It features spreadsheet controls and the functionality to translate the datagrid interface and formula names.
  • Syncfusion Spreadsheet JavaScript (part of Syncfusion Essential Studio Enterprise) provides high performance and seamless RTL rendering for localized Angular spreadsheets with flexible APIs.

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

Compare Angular Spreadsheet Controls