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

  • Components

    • Component Overview
      • UI Components
      • Business Components
      • Usage Guide
    • UI Components

    • Business Components

  • Examples

  • FAQ

Table of Contents

Component Overview

# Component Overview

This document provides an overview of all available components, including two main categories: UI components and business components.

# UI Components

UI components are basic user interface elements used to build fundamental interactive functionality for pages.

# Form Components

  • Input - Text input field
  • InputNumber - Number input field
  • Select - Dropdown selector
  • Checkbox - Checkbox
  • Radio - Radio button
  • Switch - Switch
  • Slider - Slider
  • Rate - Rating
  • Stepper - Stepper
  • ColorPicker - Color picker

# Date and Time Components

  • DatePicker - Date picker
  • TimePicker - Time picker
  • DateTimePicker - Date and time picker
  • Calendar - Calendar

# Navigation Components

  • Navbar - Navigation bar
  • Steps - Steps
  • Pagination - Pagination
  • Tabs - Tabs
  • Tree - Tree control

# Feedback Components

  • Alert - Alert message
  • Message - Message notification
  • MessageBox - Message box
  • Notification - Notification
  • Loading - Loading
  • Progress - Progress bar
  • Circle - Circular progress bar

# Data Display Components

  • Table - Table
  • Tag - Tag
  • Badge - Badge
  • Card - Card
  • Collapse - Collapse panel
  • Carousel - Carousel

# Other UI Components

  • Button - Button
  • Dialog - Dialog
  • Dropdown - Dropdown menu
  • Popover - Popover
  • Tooltip - Tooltip
  • Upload - Upload
  • Preview - Preview
  • Swipe - Swipe
  • Grid - Grid
  • Spinner - Loading spinner

# Business Components

Business components are advanced components built on top of UI components, designed to handle specific business scenarios.

# Object Components

Object components are used to handle basic operations on business objects, including CRUD functionality for objects.

# Form Components

  • Form - Object form for creating and editing objects

# List Components

  • List - Object list for displaying object list data
  • RelatedList - Related object list for displaying related object list data
  • MultiTable - Sub-object list for displaying associated data from multiple objects

# Detail Components

  • Detail - Object detail for displaying detailed object information
  • DetailForm - Object detail form for displaying and editing object details

# BI Components

BI components are used for data analysis and visual presentation.

  • ChartDetail - Chart detail page for displaying statistical charts
  • DataRange - Chart data filter for filtering chart data range
  • LWTable - Pivot table for displaying complex tabular data

# Other Business Components

  • CustomLogin - Custom login for customizing login pages
  • DuplicateTool - Duplicate tool for handling duplicate data

# Usage Guide

  1. Choose the appropriate component type (UI component or business component)
  2. Click on the component name to view detailed documentation and learn how to use it
  3. Configure component properties and events according to business requirements
  4. Ensure proper combination and interaction between components
Using FxUI
Button

← Using FxUI Button→

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