-
Notifications
You must be signed in to change notification settings - Fork 0
/
MainView.ux
50 lines (41 loc) · 1.77 KB
/
MainView.ux
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
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
<App>
<Page>
<StackPanel Padding="20" Color="#ddd" ItemSpacing="10">
<JavaScript>
var Observable = require('FuseJS/Observable');
var formIsValid = Observable(false);
var text1valid = Observable(false);
var text2valid = Observable(false);
var text3valid = Observable(false);
text1valid.onValueChanged(arg => {
formIsValid.value = text1valid.value && text2valid.value && text3valid.value;
});
text2valid.onValueChanged(arg => {
formIsValid.value = text1valid.value && text2valid.value && text3valid.value;
});
text3valid.onValueChanged(arg => {
formIsValid.value = text1valid.value && text2valid.value && text3valid.value;
});
module.exports = {
formIsValid: formIsValid,
text1valid: text1valid,
text2valid: text2valid,
text3valid: text3valid
}
</JavaScript>
<Text Value="Required Field" />
<ValidatedTextInput ux:Name="TestInput" Required="true" IsValid="{text1valid}">
</ValidatedTextInput>
<Text Value="Required Field, Minimum Length 6" />
<ValidatedTextInput ux:Name="TestInput2" Required="true" MinLength="6" IsValid="{text2valid}" />
<Text Value="Optional Field" />
<ValidatedTextInput ux:Name="TestInput3" Required="false" IsValid="{text3valid}"/>
<Button Alignment="Center" ux:Name="SubmitButton" Margin="10" IsEnabled="{formIsValid}">
<Text Alignment="Center">Submit</Text>
<WhileDisabled>
<Change SubmitButton.Opacity="0.4" />
</WhileDisabled>
</Button>
</StackPanel>
</Page>
</App>