Category News

將層級結構顯示為縮排列表

4月 24, 2026
OrgChart JS 提供樹狀列表佈局，以垂直對齊的結構呈現層級資料，從而使嵌套資訊更易閱讀。

OrgChart JS by BALKAN App is a JavaScript library designed for creating flexible, interactive and customizable organizational charts for presenting structural data. This visual tool helps managers illustrate the roles and hierarchy of an organization, supporting a variety of features, including grouping, assistant nodes, expand/collapse, a built-in search field, and multi-format exports for example to PDF, PNG, SVG or CSV. Compatible with all modern browsers, it supports thousands of nodes without any impact on performance, and offers extensive customization, giving users a versatile and efficient tool for visualizing hierarchical data structures in web applications.

OrgChart JS includes the Tree List Layout, offering a space-efficient and readable way to represent hierarchical data by combining a tree structure with a linear list, enabling developers to display deeply nested hierarchies without the horizontal sprawl of traditional node-link diagrams. It allows nodes to be expanded and collapsed within a vertically aligned list, improving navigation and scalability while maintaining parent-child relationships, and supporting extensive nesting without compromising usability. This makes it particularly useful in scenarios with limited screen space or large datasets, where reducing visual complexity while preserving the full hierarchy is essential, such as administrative dashboards and data management interfaces.

OrgChart JS is licensed based on usage, offering single website, unlimited websites or SaaS, and OEM licenses. It is available as a perpetual license with 1 year maintenance and technical support. See our OrgChart JS licensing page for full details.

For more information, see our OrgChart JS product page.

插入行而無需破壞資料

4月 24, 2026
在保留公式、格式和參考動態的同時添加新行以保持試算表準確一致。

Inserting rows in spreadsheet components enables users to expand and reorganize data dynamically within a worksheet. It supports common data management tasks such as adding new records, adjusting layouts, and maintaining structured datasets without disrupting existing content. By integrating row insertion directly through APIs, applications can offer a familiar and efficient spreadsheet experience for users working with tabular data.

Several ASP.NET Core spreadsheet controls offer support for inserting rows including:

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

Compare ASP.NET Core Spreadsheet Controls

探索 JavaScript 報表中的巢狀資料區域

4月 24, 2026
使用 ActiveReportsJS 創建豐富的主詳細報表，其可清晰展示相關和層級資料。

ActiveReportsJS is a powerful, lightweight reporting tool designed to integrate advanced reporting capabilities into any JavaScript application. ActiveReportsJS enables developers to create, view, export, and print richly formatted reports entirely on the client side - with zero server dependencies.

In this blog post, MESCIUS Product Consultant Victor Stahlman demonstrates how to build nested data regions in ActiveReportsJS to create master-detail reports that display related data, such as customers and their orders, within a structured layout. He walks your through configuring datasets, nesting controls like Lists and Tables, and applying filters to correctly link and present hierarchical data relationships in your reports. Key topics include:

  • Growth vs. Static Data Regions
  • Understanding the Master-Detail Concept
  • Choosing the Report Type
  • Building the Report Structure

By implementing nested data regions in ActiveReportsJS, you can transform flat datasets into structured, master-detail reports that are easier to read and analyze.

Read the complete blog to get started building scalable, dynamic JavaScript reports that deliver more meaningful insights to your users.

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.

用 JSON 架構驗證構建準確表單

4月 24, 2026
Optimajet FormEngine 支援即時 IDE 驗證和自動補全，從而幫助您及早發現問題並改進表單開發。

Optimajet FormEngine is a drag-and-drop React form builder that lets teams create, manage, and render complex web forms without writing frontend code. It allows developers and business users to visually design forms, store them as JSON, and render them at runtime. As a React JS library, it easily integrates into existing applications while giving developers full control over form logic, structure, and data flow, making it well suited for complex data collection.

Optimajet FormEngine enables JSON Schema validation for forms, allowing developers to validate form JSON directly within their IDE, identify structural issues, incorrect data types, and unsupported configurations early in the development process, and enforce a consistent, well-defined structure across all forms. By providing real-time feedback, inline error highlighting, and autocomplete suggestions, it improves accuracy and reduces the need for repeated testing cycles, helping developers work more efficiently while minimizing runtime errors and ensuring more reliable form implementations.

Optimajet FormEngine is licensed based on usage type (internal commercial use, public web/SaaS, or OEM embedding), number of domains for the visual editor, and access to additional ready-made components. Licenses are perpetual and include 6 months or 1 year of updates and support. See our Optimajet FormEngine licensing page for full details.

For more information, visit our Optimajet FormEngine product page.

用書籤更快瀏覽 PDF

4月 24, 2026
提供結構化、樹狀導覽，讓使用者直接跳到相關區塊，並更有效率地與文件互動。

Bookmark navigation in a PDF Viewer enables developers to expose the hierarchical bookmark structure embedded within a PDF so users can quickly jump to specific sections or pages. It typically presents bookmarks in a tree view synchronized with the document, allowing programmatic control and event handling for selection changes. This capability improves usability in applications that handle large or structured documents by reducing manual scrolling, supporting faster content discovery, and providing a more organized reading experience.

Several WinForms PDF Viewer components support bookmark navigation, including:

For an in-depth analysis of features and price, visit our comparison of WinForms PDF Viewer components.

Compare WinForms PDF Viewer Components