JavaScript / HTML5 新聞

將 Tablix 添加到您的 JavaScript 報表應用程式

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
透過利用廣泛支援的 CSV 格式進行您 Angular 網格的匯出來促進無縫資料交換。

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 應用程式中的視覺選擇提高可用性

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
針對不同的區域設置調整您的試算表應用程式有助於全球受眾對其進行訪問並使其更好用。

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