furo-ui5-property
#
@furo/ui5 v1.18.0
import '@furo/ui5/src/furo-ui5-property.js';
exports FuroUi5Property js
exports <furo-ui5-property> custom-element-definition
superclass LitElement
mixes FBP
Summary: ????? bind types of type any
Description
#
furo-ui5-property
Field for type furo.Property. This can be used to display “dynamic” fields aka properties.
furo-ui5-property works with repeated types and non repeating property types.
1
|
<furo-ui5-property fn-bind-data="--entity(*.single_type_property)"></furo-ui5-property>
|
Example data for the data-object looks like this
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
|
"single_type_property": {
"data": {
"@type": "google.type.Date",
"day": 8,
"month": 11,
"year": 2022
},
"display_name": "a date",
"id": "date",
"code": "date",
"meta": {
"fields": {
"data": {
"meta": {
"label": "Additional fields",
"hint": "this is data"
},
"constraints": {
"min": {
"value": "2019-09-09",
"message": "to small"
}
}
}
}
}
}
|
Example
#
1
2
3
4
5
6
7
8
9
10
|
<furo-form-layouter four>
<furo-ui5-property
fn-bind-data="--entity(*.data.type_property)"></furo-ui5-property>
</furo-form-layouter>
<furo-data-object
type="experiment.ExperimentEntity"
@-object-ready="--entity"
@-data-changed-after-inject="--dataChanged"
fn-inject-raw="--response"></furo-data-object>
|
Attributes and Properties
#
context
#
context
string default: 'form'
Set the context, for the renderers.
Methods
#
bindData
#
bindData(propertyField `` ) ⟹ void
`` →
fn-bind-data