mofron-comp-form
Version:
form Component for mofron
60 lines (51 loc) • 1.89 kB
Markdown
# mofron-comp-form
[mofron](https://mofron.github.io/mofron/) is module based frontend framework.
form component for mofron
## Feature
- send POST when submit component is clicked.
- check automatically form item values.
- show an error message if form item check is false.
## Attention
- form component child must be a formitem component.
# Install
```
npm install mofron mofron-comp-form
```
# Sample
```html
<setting>
<tag load="mofron-comp-form">Form</tag>
<tag load="mofron-comp-input">Input</tag>
<tag load="mofron-comp-radiolist">RadioList</tag>
<tag load="mofron-comp-textarea">TextArea</tag>
<tag load="mofron-layout-margin">Margin</tag>
</setting>
<Form width="4rem" layout=Margin:("top","0.2rem")>
<Input label="input:"></Input>
<RadioList layout=Margin:("left","0.1rem")>
<radio>radio_1</radio>
<radio>radio_2</radio>
</RadioList>
<TextArea label="textarea:"></TextArea>
</Form>
```
# Parameter
| Short<br>Form | Parameter Name | Type | Description |
|:-------------:|:---------------|:-----|:------------|
| | getChildHeight | ||| | enterSend | boolean | true: send form data when user press enter |
| | | | false: not send (default) |
| | callback | function | send event function |
| | | mix | event parameter |
| | sendEvent | function | send event function |
| | | mix | event parameter |
| | sendfunc | function | user defined send function |
| | | mixed | function parameter |
| | uri | string | send uri |
| | getValue | ||| | message | mixed | text/mofron-comp-text: message contents |
| | | | mofron-comp-message: replace message component |
| | | | undefined: call as getter |
| | submitComp | mixed | string: submit text contents |
| | | | component: submit component |
| | | | undefined: call as getter |
| | clear | ||| | extParam | object | extend parameter |
| | | | undefined: call as getter |