Fxiaoke Developer Manual Fxiaoke Developer Manual
  • APL Development Manual
  • PWC Development Manual
  • OpenAPI Documentation
  • Custom Components (PC)
  • Custom Components (Mini Program)
  • Custom Plugins (PC)
  • Custom Plugins (Mini Program)
  • Third-party Integration Plugins (H5)
  • API (PC)
  • API (Mini Program)
  • Fx DevTools
Update Log
  • 简体中文
  • English
  • Custom Components (PC)
  • Custom Components (Mini Program)
  • Custom Plugins (PC)
  • Custom Plugins (Mini Program)
  • Third-party Integration Plugins (H5)
  • API (PC)
  • API (Mini Program)
  • Fx DevTools
Update Log
  • 简体中文
  • English
  • Getting Started

    • What is Custom Component
    • Develop Your First Custom Component
    • Usage Scenarios
      • Scenario 1: Embedding Non-standard Components in Object Detail Pages
      • Scenario 2: Adding Custom Interfaces to CRM Menus
      • Scenario 3: Adding Custom Buttons to Pages that Trigger Dialog-style Custom Interfaces
    • Multi-file Custom Components
    • Using Static Assets in Custom Components
    • Using FxUI
  • Components

  • Examples

  • FAQ

Table of Contents

Usage Scenarios

# Usage Scenarios

# Scenario 1: Embedding Non-standard Components in Object Detail Pages

Case: As shown below, configure a Customer 360° View tab in the customer detail page where certain data requires non-standard display formats.

first-component-step1-1

Development and Configuration Method: Refer to "Developing Your First Custom Component" to configure the developed custom component into the object detail page layout.

# Scenario 2: Adding Custom Interfaces to CRM Menus

Case: As shown below, add a custom functional interface to the CRM menu.

first-component-step1-1

Development and Configuration Method: Develop a custom component, configure it into a custom page, and then add the custom page to the CRM menu.

Step 1: Develop the custom component (Reference: "Developing Your First Custom Component")

Step 2: Navigate to the Custom Page Management interface and click "New"

first-component-step1-1

Step 3: Select the page layout type and configure the developed custom component into the page layout

first-component-step1-1

first-component-step1-1

# Scenario 3: Adding Custom Buttons to Pages that Trigger Dialog-style Custom Interfaces

Case: Add a custom button to sales orders for viewing logistics information, where the logistics interface is developed through tenant-level customization.

first-component-step1-1

first-component-step1-1

Step 1: Develop the custom component (Reference: "Developing Your First Custom Component")

Step 2: Create a custom button and configure it on the target page. Select "UI Button" as the button type.

first-component-step1-1

Step 3: In the execution action, create a custom function and select "UIAction" as the return type.

first-component-step1-1

Step 4: Write the custom function code for displaying the dialog.

first-component-step1-1

Develop Your First Custom Component
Multi-file Custom Components

← Develop Your First Custom Component Multi-file Custom Components→

  • 跟随系统
  • 浅色模式
  • 深色模式
  • 阅读模式