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>