Artifact
8dc84dd1b067b4431667ae9d6c07f194ff239edeb095e83f44e1e9c6cdbbb6a0:
0000: 3c 6d 75 6c 74 69 2d 6e 61 6d 65 64 3e 0a 20 20 <multi-named>.
0010: 3c 69 6e 70 75 74 20 72 65 66 3d 22 72 61 64 22 <input ref="rad"
0020: 20 74 79 70 65 3d 22 72 61 64 69 6f 22 20 76 61 type="radio" va
0030: 6c 75 65 3d 22 31 22 3e 0a 20 20 3c 69 6e 70 75 lue="1">. <inpu
0040: 74 20 72 65 66 3d 22 72 61 64 22 20 74 79 70 65 t ref="rad" type
0050: 3d 22 72 61 64 69 6f 22 20 76 61 6c 75 65 3d 22 ="radio" value="
0060: 32 22 3e 0a 20 20 3c 69 6e 70 75 74 20 72 65 66 2">. <input ref
0070: 3d 22 72 61 64 22 20 74 79 70 65 3d 22 72 61 64 ="rad" type="rad
0080: 69 6f 22 20 76 61 6c 75 65 3d 22 33 22 3e 0a 20 io" value="3">.
0090: 20 3c 69 6e 70 75 74 20 72 65 66 3d 22 74 22 20 <input ref="t"
00a0: 69 64 3d 22 74 22 20 76 61 6c 75 65 3d 22 31 22 id="t" value="1"
00b0: 3e 0a 20 20 3c 69 6e 70 75 74 20 65 61 63 68 3d >. <input each=
00c0: 22 7b 76 20 69 6e 20 69 74 65 6d 73 7d 22 20 72 "{v in items}" r
00d0: 65 66 3d 22 74 5f 7b 76 7d 22 20 69 64 3d 22 74 ef="t_{v}" id="t
00e0: 5f 7b 76 7d 22 20 76 61 6c 75 65 3d 22 7b 76 7d _{v}" value="{v}
00f0: 22 3e 0a 20 20 3c 69 6e 70 75 74 20 74 79 70 65 ">. <input type
0100: 3d 22 63 68 65 63 6b 62 6f 78 22 20 72 65 66 3d ="checkbox" ref=
0110: 22 63 22 20 65 61 63 68 3d 22 7b 76 20 69 6e 20 "c" each="{v in
0120: 69 74 65 6d 73 7d 22 20 76 61 6c 75 65 3d 22 7b items}" value="{
0130: 76 7d 22 3e 0a 20 20 3c 6d 75 6c 74 69 2d 6e 63 v}">. <multi-nc
0140: 68 69 6c 64 20 6e 3d 27 63 68 69 6c 64 27 20 6d hild n='child' m
0150: 6f 75 6e 74 3d 7b 6f 70 74 73 2e 6d 6f 75 6e 74 ount={opts.mount
0160: 43 68 69 6c 64 7d 3e 3c 2f 6d 75 6c 74 69 2d 6e Child}></multi-n
0170: 63 68 69 6c 64 3e 0a 0a 20 20 74 68 69 73 2e 6f child>.. this.o
0180: 6e 28 27 6d 6f 75 6e 74 27 2c 20 6f 70 74 73 2e n('mount', opts.
0190: 6d 6f 75 6e 74 29 0a 20 20 74 68 69 73 2e 69 74 mount). this.it
01a0: 65 6d 73 20 3d 20 5b 31 2c 32 5d 0a 3c 2f 6d 75 ems = [1,2].</mu
01b0: 6c 74 69 2d 6e 61 6d 65 64 3e 0a 0a 3c 6d 75 6c lti-named>..<mul
01c0: 74 69 2d 6e 63 68 69 6c 64 3e 0a 20 20 3c 69 6e ti-nchild>. <in
01d0: 70 75 74 20 72 65 66 3d 7b 6f 70 74 73 2e 6e 7d put ref={opts.n}
01e0: 20 76 61 6c 75 65 3d 27 63 68 69 6c 64 27 3e 0a value='child'>.
01f0: 20 20 3c 69 6e 70 75 74 20 74 79 70 65 3d 27 63 <input type='c
0200: 68 65 63 6b 62 6f 78 27 20 65 61 63 68 3d 7b 76 heckbox' each={v
0210: 20 69 6e 20 63 68 65 63 6b 73 7d 20 72 65 66 3d in checks} ref=
0220: 22 63 68 65 63 6b 22 20 76 61 6c 75 65 3d 22 7b "check" value="{
0230: 76 7d 22 3e 0a 0a 20 20 74 68 69 73 2e 63 68 65 v}">.. this.che
0240: 63 6b 73 20 3d 20 5b 27 6f 6e 65 27 2c 20 27 74 cks = ['one', 't
0250: 77 6f 27 2c 20 27 74 68 72 65 65 27 5d 0a 20 20 wo', 'three'].
0260: 74 68 69 73 2e 6f 6e 28 27 6d 6f 75 6e 74 27 2c this.on('mount',
0270: 20 6f 70 74 73 2e 6d 6f 75 6e 74 29 0a 3c 2f 6d opts.mount).</m
0280: 75 6c 74 69 2d 6e 63 68 69 6c 64 3e 0a ulti-nchild>.