forked from RubyLouvre/avalon
-
Notifications
You must be signed in to change notification settings - Fork 0
/
index_if-loop.html
54 lines (52 loc) · 2.24 KB
/
index_if-loop.html
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
51
52
53
54
<!DOCTYPE HTML>
<html>
<head>
<meta charset='utf-8'/>
<title>联动下拉</title>
<script src='avalon.js'></script>
<script>
var md = avalon.define('Mselect', function(vm) {
vm.name = 'school';
vm.onSchool = 1;//初始学校
vm.data = [{
'title': '1大学', 'value': 1,
'cnode': [//select标签
{'name': 'specialty', 'dataList': [{'title': '临床', 'value': '1'}, {'title': '中医药', 'value': '2'}]},
{'name': 'language', 'dataList': [{'title': '英语', 'value': '1'}, {'title': '法语', 'value': '2'}]}
]
},
{
'title': '2大学', 'value': 2,
'cnode': [
{'name': 'loop1', 'dataList': [{'title': 'aaa', 'value': '1'}, {'title': 'bbb', 'value': '2'}]},
{'name': 'loop2', 'dataList': [{'title': 'xxxx', 'value': '1'}, {'title': 'yyy', 'value': '2'}]}
]
}];
});
avalon.define("xxx", function(vm) {
vm.str = "7777"
vm.aaa = [{b: true}, {b: false}, {b: true}]
})
</script>
</head>
<body>
<div ms-controller="Mselect">
<select ms-attr-name="name" ms-duplex="onSchool" >
<option ms-repeat-el="data" ms-attr-value="el.value">{{el.title}}</option>
</select>
<div ms-repeat-el="data" ms-if-loop="onSchool==el.value">
<input type="text" ms-repeat-ip="el.cinput" ms-attr-name="ip.name" ms-attr-value="ip.value"/>
<select ms-repeat-it="el.cnode" ms-attr-name="it.name" >
<option ms-repeat-item="it.dataList" ms-attr-value="item.value">{{item.title}}</option>
</select>
</div>
</div>
<div ms-controller="xxx">
<textarea ms-duplex="str"></textarea>
<p>{{str}}</p>
<ul>
<li ms-if="aaa != null" ms-repeat="aaa" ms-if-loop="el.b">{{el.b}}</li>
</ul>
</div>
</body>
</html>