JavaScript / HTML5 新聞

將增強的文本編輯功能添加到 JavaScript 應用中

6月 6, 2024
Sencha Ext JS v7.8 將對 Froala Editor 的支援擴展到新式和經典工具包，確保與所有主要 Web 流覽器相容。

Sencha Ext JS is a comprehensive JavaScript framework designed for building data-intensive, cross-platform web applications with rich user interfaces. It offers a robust set of components and tools for developing feature-rich applications, including a powerful grid system, advanced data handling capabilities, and an extensive library of UI components. With a focus on high performance and flexibility, Ext JS allows developers to create responsive applications that run seamlessly on various devices and browsers.

The Sencha Ext JS 7.8 update introduces the integration of the Froala Editor with the classic toolkit, enhancing the web development experience by providing a powerful and user-friendly rich text editor. This addition enables developers to easily incorporate advanced text editing features into their applications, offering end users a seamless and intuitive interface for content creation and formatting. The Froala Editor's modern capabilities, such as inline editing, real-time collaboration, and a variety of formatting options, streamline the process of managing and displaying content within applications, thereby improving overall productivity and user engagement. This integration exemplifies Sencha's commitment to providing robust, efficient tools for modern web development.

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

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.

利用 JavaScript 中強大的財務圖表

6月 4, 2024
LightningChart JS Trader v2.0 擴展了其技術分析功能，支援 Heikin Ashi、Renko、Kagi 和點數圖。

LightningChart JS Trader is a JavaScript/TypeScript library developed by LightningChart that specifically targets the creation of financial and trading applications. It provides high-performance, 2D, 3D, and real-time charting controls and a comprehensive suite of visualizations including candlestick, bar, line, and various technical indicators and drawing tools. This library enables software developers to craft interactive technical analysis tools without the need for server-side setup as it runs completely on the client device.

The LightningChart JS Trader v2.0 update expands its technical analysis toolkit by introducing more chart types, such as Heikin Ashi, Renko, Kagi, and Point-and-Figure charts. These additional chart types equip developers with a wider range of visualization options, significantly enhancing market trend analysis capabilities and allowing them to adapt to different analytical needs and trading strategies.

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

LightningChart JS Trader is licensed per developer and is available as an annual license with 1 year support. See our LightningChart JS Trader licensing page for full details.

For more information, see our LightningChart JS Trader product page.

在 Angular 報表設計器中構建資產負債表

6月 4, 2024
ActiveReportsJS Angular 報表設計器和檢視器使從任何設備生成、修改和查看報表變得容易。

ActiveReportsJS is a powerful JavaScript reporting tool that allows developers and report authors to easily design and display reports within their web applications. With features such as drill-down, runtime data filtering, and interactive parameters, as well as compatibility with popular frameworks, ActiveReportsJS simplifies the process of creating and managing reports. Using the ActiveReportsJS Angular report designer component, many different types of data can be visualized, including financial reports (such as balance sheets) in a web application.

In this blog post, MESCIUS Technical Engagement Engineer Joel Parks shows you how to use the Angular Report Designer to design a balance sheet which can then be viewed in ActiveReportsJS's Angular Report Viewer. Steps include:

  • Adding the Angular report designer to an application
  • Saving the report details
  • Adding a data source and data set to the report
  • Designing the balance sheet and binding data to controls

Read the full blog to get started using balance sheets to easily present a summary of a company's financial health and stability.

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.

在 Angular 應用程式中直觀地編輯日期

6月 4, 2024
與使用傳統輸入欄位相比，日曆編輯器元件可幫助使用者更快、更輕鬆地選擇日期。

Calendar editing components provide a specialized way to interact with date and time data within the editor. These controls replace the standard input field with a visual calendar interface, allowing developers to offer a more intuitive and user-friendly experience for date selection and modification. This can significantly improve data entry accuracy and efficiency, especially when dealing with large datasets or complex date formats.

Several Angular data editor collections offer calendar editor controls including:

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

Compare Angular Data Editors

用複選框促進高效資料輸入

6月 4, 2024
複選框控制項提供了一種使用者友好的方式，可以在 Vue.js 應用中高效選擇多個選項或布爾資料。

A checkbox data editor is a specific user interface element designed to efficiently manage boolean data (true/false values). It provides a clear and intuitive way for users to edit single binary flags within their data, improving data entry accuracy and streamlining the process compared to manually manipulating text fields. This boosts the user experience by allowing for quick choices, particularly when dealing with features like filtering preferences, selecting multiple items from a list, or toggling settings.

Several Vue.js components offer checkbox data editors, including:

For an in-depth analysis of features and price, visit our comparison of Vue.js data editors.

Compare Vue.js Data Editors