JavaScript / HTML5 新聞

保持關鍵資訊在試算表中能看到

6月 7, 2024
凍結窗格支援透過在滾動流覽大型資料集時保持基本行或列用作參考來增強資料分析。

Spreadsheet controls with freeze pane support enable developers to lock specific rows or columns in place while allowing the rest of the data to scroll freely. This feature enhances the user experience by keeping headers or key reference data visible at all times, thus improving navigation and readability in large datasets. It is particularly beneficial for applications where users need to compare data across extensive spreadsheets, ensuring that critical information remains accessible without disrupting the workflow. This functionality contributes to a more efficient and user-friendly interface, reducing the cognitive load on users and facilitating better data analysis.

Several JavaScript spreadsheet controls offer freeze pane support including:

  • Telerik Spreadsheet jQuery (part of Kendo UI and Telerik DevCraft) allows you to keep headers visible while scrolling, enhancing data navigation and user experience.
  • SpreadJS by MESCIUS, facilitates fixed rows or columns for seamless data comparison and improved spreadsheet navigation in large datasets.
  • Jspreadsheet Pro lets you freeze panes to maintain visibility of crucial headers or columns, streamlining data management and analysis.
  • Infragistics Spreadsheet jQuery (part of Infragistics Professional) enables users to lock key rows or columns, ensuring important data stays visible during extensive scrolling.

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

Compare JavaScript Spreadsheet Controls

簡化了 JavaScript 應用中的資料登錄介面

6月 7, 2024
在 JavaScript 網格控制項中使用彈出視窗編輯器，透過減少網格內的混亂和干擾來增強使用者的資料編輯體驗。

Popup Editors are a common user interface paradigm for editing data within JavaScript grid components. They provide a modal window that appears on top of the grid, containing dedicated input fields for modifying a specific cell or row. This approach enhances data manipulation by offering a focused editing environment with ample space for complex editors or detailed information, improving usability and reducing the risk of errors during data entry.

Many JavaScript grid controls offer popup editors including:

  • DevExtreme React Data Grid (part of DevExtreme Complete by DevExpress) lets you edit data within a grid using a customizable popup editor for efficient data management.
  • Wijmo FlexGrid (part of Wijmo by MESCIUS) allows you to interact with data using a flexible popup editor, enhancing user experience and productivity.
  • Kendo UI for jQuery Grid (part of Kendo UI by Telerik) facilitates seamless data editing through a robust popup editor, ensuring streamlined and intuitive data manipulation.
  • Sencha Ext JS Grid (part of Sencha Ext JS) enables dynamic data entry with a powerful popup editor, improving the efficiency of your web applications.

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

Compare JavaScript Grid Controls

將增強的文本編輯功能添加到 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.