The basic UI component for selection-type interactive fields in standard object forms.

Display effect:

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

Properties

Property	Description	Type	Optional Values	Default
fieldAlign	Field alignment mode (required, otherwise it will not render)	String	left|top_and_bottom|center	--
label	Field name	String	--	--
placeholder	Placeholder text when the field value is empty	String	--	--
value	Field value. When richTextMode=true, WeChat rich_text component nodes format is supported	String|Array	--	--
richTextMode	Rich text mode for the field value	Function	--	--
isReadonly	Set read-only style	Boolean	--	false
isRequired	Set required style	Boolean	--	false
hidden	Set hidden	Boolean	--	false
helpText	Help text	String	--	--
isTileHelpText	Tiled help-text style	Boolean	--	false
commonProps	Some common properties, pass them through if they exist in context	Object	--	--
toastText	Error hint text shown below the field	String	--	--
showDelete	Controls whether to show the delete button after the field value	Boolean	--	false
noLine	Hide the bottom divider line of the field	Boolean	--	false
labelRightBtns	Buttons on the right side of the field title (only effective when fieldAlign=top_and_bottom) [{label:'',icon:'icon class in fxui_all',style:'', onClick:()=>{}}]	Array	--	--
topHigh	Highlight the field background	Boolean	--	false

Simple 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"
  }
}

Display effect:

Component Extension

To meet enterprise customization needs, the component provides some extension methods that allow developers to quickly build corresponding functionality.

Slots

Slots allow developers to insert a component into the reserved areas of selectcell.

<selectcell fieldAlign="left" label="Field Name" value="Field Value" bindtap="_handleValueClick">
	<view slot="top">Top slot area of the field</view>
	<view slot="footer">Footer slot area of the field</view>
</selectcell>