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

    • FSC UI Components

    • WeChat UI Components

    • Business Components

      • Object Form Component
      • Object Form Select Field Cell
    • Mini Program Framework

    • Examples

    Table of Contents

    Standard Object Form Select Field Cell

    # Standard Object Form Select Field Cell

    Base UI component for interactive select-type fields in standard object forms.

    Demo:

    # Component Reference Path avaComponent://objformpkgbase/widget/SelectCell/index

    # Properties

    Property Description Type Options Default
    fieldAlign Field alignment (required for rendering) String left|top_and_bottom|center —
    label Field name String — —
    placeholder Placeholder text when field is empty String — —
    value Field value. When richTextMode=true, supports WeChat rich_text component nodes format String|Array — —
    richTextMode Rich text mode for field value Function — —
    isReadonly Set to readonly style Boolean — false
    isRequired Set to required style Boolean — false
    hidden Set to hidden Boolean — false
    helpText Help information String — —
    isTileHelpText Flat style for help text Boolean — false
    commonProps Common properties (pass through if exists in context) Object — —
    toastText Error message text at field bottom String — —
    showDelete Control visibility of delete button after field value Boolean — false
    noLine Hide field bottom divider Boolean — false
    labelRightBtns Right-side buttons for field label (only effective when fieldAlign=top_and_bottom)
    [{label:'',icon:'fxui_all icon class',style:'', onClick:()=>{}}]
    Array — —
    topHigh Field background highlight Boolean — false

    # Basic Usage

    com/index.wxml

    <selectcell fieldAlign="left" label="Field Name" value="Field Value" bindtap="_handleValueClick"/>
    

    com/index.json

    {
      "component": true,
      "usingComponents": {
        "selectcell": "avaComponent://objformpkgbase/widget/SelectCell/index"
      }
    }
    

    Demo:

    # Component Extension

    To meet enterprise customization requirements, we provide developers with extension methods for rapid feature development.

    # Component Slots

    Component slots allow developers to insert components into predefined areas of selectcell.

    <selectcell fieldAlign="left" label="Field Name" value="Field Value" bindtap="_handleValueClick">
      <view slot="top">Field top area slot</view>
      <view slot="footer">Field footer area slot</view>
    </selectcell>
    
    Object Form Component
    Framework Interface

    ← Object Form Component Framework Interface→

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