JavaScript / HTML5 新闻

用 Angular 18 创建响应式 Web 应用程序

6月 3, 2024
Smart HTML Elements 19.1.0 引入了对 Angular 最新版本的支持，允许开发人员用 Angular 新功能构建 Web 应用。

Smart HTML Elements is an enterprise-grade UI library offering pre-built web components for developers in Angular, React, Vue, Blazor, and JavaScript. It boasts over 60 ready-to-use components like grids, charts, schedulers, and editors, all featuring two-way data binding, responsiveness, accessibility, and theming capabilities. This library helps developers rapidly build dynamic and modern web applications with consistent look-and-feel and rich functionalities, accelerating development time and ensuring professional quality.

The Smart HTML Elements 19.1.0 release adds support for Angular 18, allowing developers to leverage the latest features and functionalities of Angular within their Smart HTML Elements components. Angular 18 introduces improvements in performance by tree-shaking unused code and better lazy loading, plus new features like standalone components and Angular templates in TypeScript.

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

Smart HTML Elements is licensed per developer and is available as a Perpetual license with 1 year support and maintenance. It includes distribution to Unlimited Web applications, SaaS projects, Intranets and Websites. See our Smart HTML Elements licensing page for full details.

Learn more on our Smart HTML Elements product page.

用公式和函数简化计算

5月 31, 2024
支持公式和函数的 React 电子表格控件可直接在浏览器中实现实时、动态的数据分析和操作。

React spreadsheet controls with formula and function capabilities bring the power of spreadsheets to modern web applications. These components allow users to enter data, manipulate it using built-in formulas (like SUM or AVERAGE) or custom functions, and see the results dynamically update within the web interface. This empowers developers to create interactive data analysis tools, financial calculators, or even planning dashboards directly within their React applications.

Several React spreadsheet controls offer formula and function support including:

  • Telerik Spreadsheet React (part of KendoReact) enables complex formula calculations and function execution directly within cells for dynamic, interactive data analysis.
  • Wijmo FlexSheet (part of Wijmo from MESCIUS) offers extensive formula support, allowing users to perform comprehensive calculations and data manipulation within spreadsheets.
  • Jspreadsheet Pro provides robust formula capabilities, facilitating advanced mathematical, logical, and text functions for enhanced data processing in the browser.
  • Infragistics Spreadsheet React (part of Infragistics Ignite UI) supports a wide range of functions and formulas, enabling real-time calculations and sophisticated data analysis.
  • Syncfusion Spreadsheet JavaScript (part of Syncfusion Essential Studio Enterprise) offers extensive formula and function support, allowing easy data manipulation.

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

Compare React Spreadsheet Controls

用 XLS/XLSX 导出功能简化了 Web 报表

5月 31, 2024
通过促进通用电子表格格式的数据交换，带有 XLS/XLSX 导出功能的 Angular 报表控件简化了协作。

Reporting components with built-in XLS and XLSX export allow users to seamlessly generate Excel files directly from Angular web applications. This functionality empowers users to easily share and analyze report data in their preferred spreadsheet software, enhancing data accessibility and promoting informed decision-making. These components are particularly valuable for generating financial reports, sales data summaries, and other analytical exports.

Several Angular reporting components allow you to export reports to XLS or XLSX format:

  • DevExpress Reporting is a reporting platform that can be used in Angular applications to enable the export of reports to XLS or XLSX, enhancing data analysis and portability.
  • ActiveReportsJS by MESCIUS provides a report viewer that integrates with Angular apps and allows end-users to convert reports into XLS or XLSX formats.
  • Stimulsoft Reports.JS is an Angular-compatible report generator that enables you to design complex reports and export them to a variety of formats, including XLS and XLSX.

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

Compare Angular Reporting Components

使用 Vue 导入和导出 Excel XLSX

5月 29, 2024
MESCIUS 推出的 SpreadJS 使您能够将功能齐全的电子表格拖放到您的 Web 应用程序中，为用户提供类似 Excel 的熟悉体验。

SpreadJS by MESCIUS is a high-performance JavaScript spreadsheet component designed to seamlessly integrate Excel-like functionality into web applications. It empowers developers to deliver robust spreadsheet experiences within their applications, complete with features like data import/export, complex formulas, conditional formatting, and extensive customization options. SpreadJS caters to a wide range of use cases, from financial modeling and data analysis to project management and interactive dashboards, ultimately allowing developers to build feature-rich and user-friendly web applications.

In this blog post, MESCIUS Product Manager Kevin Ashley demonstrates how to enhance an existing Vue app with the ability to import and export XLSX files using SpreadJS. Steps include:

  • Adding SpreadJS to your Vue App
  • Adding Excel Import
  • Adding Excel Export
  • Testing your Vue App

Detailed sample code is included for each step.

View the complete blog and get starting working with Excel files in your Vue applications.

SpreadJS is licensed per developer and includes 1 Year Maintenance (major and minor version releases and unlimited support phone calls). SpreadJS requires an Annual or Perpetual Deployment License. The optional Add-ons are available at an additional cost, and require a SpreadJS license. See our SpreadJS licensing page for full details.

For more information, visit our SpreadJS product page.

增强 Angular 电子表格的可读性

5月 28, 2024
选择支持单元格格式的电子表格控件可使您的数据更易于阅读、提高一致性并增强用户体验。

Cell formatting allows you to customize of the appearance and behavior of individual cells within a spreadsheet or data table to improve readability, comprehension, and accuracy of data presentation. This can encompass adjustments to font style, size, and color, as well as the inclusion of borders, shading, numeric or date formatting, cell alignment and so on. By employing cell formatting, users can significantly enhance the readability and organization of their spreadsheets, allowing for quicker data comprehension and clearer communication of the information they contain. It also helps in distinguishing different types of data, emphasizes important figures, and maintains consistency across related documents, thereby reducing the likelihood of errors and misinterpretations.

Several Angular spreadsheet components support cell formatting, including:

  • SpreadJS by MESCIUS facilitates extensive cell formatting for any cell property allowing Angular developers to create customized spreadsheet solutions.
  • Telerik Excel Export (part of Kendo UI) works with Angular and allows seamless data export to Microsoft Excel, supporting complex cell formatting, alignment, and more.
  • Jspreadsheet Pro offers spreadsheet-like controls tailored for Angular with tools to customize cell appearance, including fonts, colors, and number formats.
  • Infragistics Spreadsheet Angular (part of Infragistics Ignite UI) offers an Excel-like interface, providing cell formatting capabilities for dynamic and consistent data presentation.

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

Compare Angular Spreadsheet Controls