JavaScript / HTML5 新闻

自定义您的报表设计器

12月 14, 2023
ActiveReportsJS 4.2 引入了报表设计器自定义 API，其提供了修改 UI 元素以满足您需求的灵活性。

ActiveReportsJS by MESCIUS is a comprehensive JavaScript reporting solution that empowers developers to create interactive and dynamic reports within web applications. It offers a user-friendly design interface, a rich set of data visualization tools, and a flexible API, enabling the creation of reports that effectively present and analyze data for informed decision-making.

The ActiveReportsJS 4.2 release introduces a comprehensive customization API for the Report Designer which enables precise configuration of the user interface. This provides control over the visibility and layout of sidebar items, fine-tuning of menus and toolbars, and the ability to modify numerous UI elements to meet your users' needs.

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

ActiveReportsJS is licensed on an annual subscription or perpetual basis and is available as a Single Deployment License for non-commercial use, and as a Single Domain License or Unlimited Domain License for commercial and/or SaaS use. See our ActiveReportsJS licensing page for full details.

For more information, visit our ActiveReportsJS product page.

MDBootstrap 加入 ComponentSource

12月 11, 2023
ComponentSource 与 MDBootstrap 合作，为开发人员提供 Web 应用程序的 Material Design UI 组件和模板。

ComponentSource, a leading global provider of software components and development tools, has announced a new partnership with MDBootstrap, a software development company that specializes in Material Design based UI components and templates for responsive JavaScript web apps. This collaboration aims to offer customers a seamless experience by combining ComponentSource's extensive library of software components and developer tools with MDBootstrap's expertise in developing high-quality UI solutions.

MDBootstrap (also known as MDB), is a front-end development framework that combines the features of Bootstrap with Material Design. Available for JavaScript, Bootstrap, Angular, React, and Vue, it provides a comprehensive set of UI components, design blocks, and templates to help developers quickly and easily create modern and responsive web applications. MDBootstrap controls are used by over 3,000,000 developers and designers, including global brands such as Amazon, Samsung, Nike and IKEA.

Through this strategic partnership, ComponentSource enhances its extensive offering of premium software components, further cementing its position as a trusted provider of reliable and efficient solutions for developers, backed by guaranteed support.

For more information, explore the MDBootstrap product range.

在 JavaScript 中导入和导出 Excel XLSX 文件

12月 5, 2023
使用 MESCIUS 提供的 SpreadJS 将完整的 JavaScript 电子表格添加到您的企业应用程序中。

SpreadJS is a complete enterprise JavaScript spreadsheet solution used to create financial reports and dashboards, budgeting and forecasting models, scientific, engineering, healthcare, education, science lab notebooks, and other similar JavaScript business applications. Spreadsheets are a primary medium for displaying and sharing vital company data and it is crucial that this data can be easily viewed and updated in your JavaScript applications.

In this blog post, MESCIUS Product Manager Kevin Ashley shows you how to leverage the power of SpreadJS to import and export Excel spreadsheets into your enterprise web applications. Steps include:

  • Setting up the JavaScript Spreadsheet Project
  • Adding Excel Import Code
  • Adding Data to the Imported Excel File
  • Adding a Sparkline
  • Adding Excel Export Code

View the complete blog and start working directly with Excel files in your JavaScript applications.

For more information visit our SpreadJS product page.

使您的网格和电子表格更易于访问

12月 5, 2023
Handsontable 14.0.0 改进了对屏幕阅读器的支持，并添加新的键盘快捷键，有助于使导航更加直观和包容。

Handsontable is a JavaScript data grid component that provides a spreadsheet-like user experience for web applications. It allows developers to easily integrate data tables into their web pages, enabling users to manipulate data in a familiar and intuitive way.

Handsontable V14 now meets Web Content Accessibility Guidelines (WCAG) 2.1 AA standards, making it easier for people with disabilities to use the grid. This release also enhances screen reader compatibility by incorporating ARIA attributes into the HTML markup, ensuring seamless navigation for users of NVDA and JAWS on Windows, and VoiceOver on macOS.

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

For more information, visit our Handsontable product page.

在 Vue 应用程序中选择和输入颜色

12月 4, 2023
颜色选择器使用户能够在设计和用户界面中无缝选择和应用颜色。

A color picker is a graphical tool that allows users to select colors from a palette or by adjusting different color parameters. Color pickers are commonly found in graphics software, web development tools, and design applications. They are used to ensure accurate and visually appealing color choices in various creative and technical projects. Color pickers provide an intuitive way to select precise colors, commonly by using sliders for RGB values or hex codes.

Several Vue.js data editor collections provide color pickers including:

  • DevExtreme Complete Data Editors (part of DevExtreme Complete by DevExpress) offers a user-friendly interface for selecting colors, including predefined color palettes.
  • Wijmo Input and Editors (part of Wijmo by MESCIUS) provides a comprehensive color selection experience with features like color sliders and color swatches.
  • Kendo UI for Vue Data Editors (part of Kendo UI by Telerik) delivers a customizable color picker solution with options for popup placement, palette customization, and accessibility support.
  • jQWidgets Data Editors (part of jQWidgets) features a versatile color selection mechanism with support for various color formats and color presets.
  • Syncfusion Essential Studio Data Editors (part of Syncfusion Essential Studio Enterprise) offers a rich set of color selection capabilities, including color sliders and color eyedroppers.

For an in-depth analysis of features and price, visit our Vue Data Editors comparison.

Compare Vue Data Editors Components