Artifact
e1d826eabff98f010743ea60a07e058868186ca469881561673a3d5355e2bdcc:
0000: 27 75 73 65 20 73 74 72 69 63 74 27 3b 0a 0a 6c 'use strict';..l
0010: 65 74 20 49 6e 74 65 72 66 61 63 65 20 3d 20 72 et Interface = r
0020: 65 71 75 69 72 65 28 27 2e 2e 2f 63 6f 72 65 2f equire('../core/
0030: 69 6e 74 65 72 66 61 63 65 27 29 3b 0a 0a 2f 2a interface');../*
0040: 2a 0a 2a 20 53 65 6c 65 63 74 0a 2a 0a 2a 20 40 *.* Select.*.* @
0050: 64 65 73 63 72 69 70 74 69 6f 6e 20 44 72 6f 70 description Drop
0060: 64 6f 77 6e 20 6d 65 6e 75 0a 2a 0a 2a 20 40 64 down menu.*.* @d
0070: 65 6d 6f 20 3c 73 70 61 6e 20 6e 65 78 75 73 2d emo <span nexus-
0080: 75 69 3d 22 73 65 6c 65 63 74 22 3e 3c 2f 73 70 ui="select"></sp
0090: 61 6e 3e 0a 2a 0a 2a 20 40 65 78 61 6d 70 6c 65 an>.*.* @example
00a0: 0a 2a 20 76 61 72 20 73 65 6c 65 63 74 20 3d 20 .* var select =
00b0: 6e 65 77 20 4e 65 78 75 73 2e 53 65 6c 65 63 74 new Nexus.Select
00c0: 28 27 23 74 61 72 67 65 74 27 29 0a 2a 0a 2a 20 ('#target').*.*
00d0: 40 65 78 61 6d 70 6c 65 0a 2a 20 76 61 72 20 73 @example.* var s
00e0: 65 6c 65 63 74 20 3d 20 6e 65 77 20 4e 65 78 75 elect = new Nexu
00f0: 73 2e 53 65 6c 65 63 74 28 27 23 74 61 72 67 65 s.Select('#targe
0100: 74 27 2c 7b 0a 2a 20 20 20 27 73 69 7a 65 27 3a t',{.* 'size':
0110: 20 5b 31 30 30 2c 33 30 5d 2c 0a 2a 20 20 20 27 [100,30],.* '
0120: 6f 70 74 69 6f 6e 73 27 3a 20 5b 27 64 65 66 61 options': ['defa
0130: 75 6c 74 27 2c 27 6f 70 74 69 6f 6e 73 27 5d 0a ult','options'].
0140: 2a 20 7d 29 0a 2a 0a 2a 20 40 6f 75 74 70 75 74 * }).*.* @output
0150: 0a 2a 20 63 68 61 6e 67 65 0a 2a 20 46 69 72 65 .* change.* Fire
0160: 73 20 61 6e 79 20 74 69 6d 65 20 74 68 65 20 69 s any time the i
0170: 6e 74 65 72 66 61 63 65 27 73 20 76 61 6c 75 65 nterface's value
0180: 20 63 68 61 6e 67 65 73 2e 20 3c 62 72 3e 0a 2a changes. <br>.*
0190: 20 54 68 65 20 65 76 65 6e 74 20 64 61 74 61 20 The event data
01a0: 69 73 20 61 6e 20 6f 62 6a 65 63 74 20 63 6f 6e is an object con
01b0: 74 61 69 6e 69 6e 67 20 74 68 65 20 74 65 78 74 taining the text
01c0: 20 76 61 6c 75 65 20 6f 66 20 74 68 65 20 73 65 value of the se
01d0: 6c 65 63 74 65 64 20 6f 70 74 69 6f 6e 2c 20 61 lected option, a
01e0: 73 20 77 65 6c 6c 20 61 73 20 74 68 65 20 6e 75 s well as the nu
01f0: 6d 65 72 69 63 20 69 6e 64 65 78 20 6f 66 20 74 meric index of t
0200: 68 65 20 73 65 6c 65 63 74 69 6f 6e 2e 0a 2a 0a he selection..*.
0210: 2a 20 40 6f 75 74 70 75 74 65 78 61 6d 70 6c 65 * @outputexample
0220: 0a 2a 20 73 65 6c 65 63 74 2e 6f 6e 28 27 63 68 .* select.on('ch
0230: 61 6e 67 65 27 2c 66 75 6e 63 74 69 6f 6e 28 76 ange',function(v
0240: 29 20 7b 0a 2a 20 20 20 63 6f 6e 73 6f 6c 65 2e ) {.* console.
0250: 6c 6f 67 28 76 29 3b 0a 2a 20 7d 29 0a 2a 0a 2a log(v);.* }).*.*
0260: 0a 2a 2f 0a 0a 0a 65 78 70 6f 72 74 20 64 65 66 .*/...export def
0270: 61 75 6c 74 20 63 6c 61 73 73 20 53 65 6c 65 63 ault class Selec
0280: 74 20 65 78 74 65 6e 64 73 20 49 6e 74 65 72 66 t extends Interf
0290: 61 63 65 20 7b 0a 0a 20 20 63 6f 6e 73 74 72 75 ace {.. constru
02a0: 63 74 6f 72 28 29 20 7b 0a 0a 20 20 20 20 6c 65 ctor() {.. le
02b0: 74 20 6f 70 74 69 6f 6e 73 20 3d 20 5b 27 76 61 t options = ['va
02c0: 6c 75 65 27 5d 3b 0a 0a 20 20 20 20 6c 65 74 20 lue'];.. let
02d0: 64 65 66 61 75 6c 74 73 20 3d 20 7b 0a 20 20 20 defaults = {.
02e0: 20 20 20 20 27 73 69 7a 65 27 3a 20 5b 31 30 30 'size': [100
02f0: 2c 33 30 5d 2c 0a 20 20 20 20 20 20 20 27 6f 70 ,30],. 'op
0300: 74 69 6f 6e 73 27 3a 20 5b 27 64 65 66 61 75 6c tions': ['defaul
0310: 74 27 2c 27 6f 70 74 69 6f 6e 73 27 5d 0a 20 20 t','options'].
0320: 20 20 7d 3b 0a 0a 20 20 20 20 73 75 70 65 72 28 };.. super(
0330: 61 72 67 75 6d 65 6e 74 73 2c 6f 70 74 69 6f 6e arguments,option
0340: 73 2c 64 65 66 61 75 6c 74 73 29 3b 0a 0a 20 20 s,defaults);..
0350: 20 20 74 68 69 73 2e 5f 73 65 6c 65 63 74 65 64 this._selected
0360: 49 6e 64 65 78 20 3d 20 2d 31 3b 0a 20 20 20 20 Index = -1;.
0370: 74 68 69 73 2e 5f 76 61 6c 75 65 20 3d 20 66 61 this._value = fa
0380: 6c 73 65 3b 0a 0a 20 20 20 20 74 68 69 73 2e 5f lse;.. this._
0390: 6f 70 74 69 6f 6e 73 20 3d 20 74 68 69 73 2e 73 options = this.s
03a0: 65 74 74 69 6e 67 73 2e 6f 70 74 69 6f 6e 73 3b ettings.options;
03b0: 0a 0a 20 20 20 20 74 68 69 73 2e 69 6e 69 74 28 .. this.init(
03c0: 29 3b 0a 20 20 20 20 74 68 69 73 2e 72 65 6e 64 );. this.rend
03d0: 65 72 28 29 3b 0a 0a 20 20 7d 0a 0a 20 20 62 75 er();.. }.. bu
03e0: 69 6c 64 46 72 61 6d 65 28 29 20 7b 0a 20 20 20 ildFrame() {.
03f0: 20 74 68 69 73 2e 65 6c 65 6d 65 6e 74 20 3d 20 this.element =
0400: 64 6f 63 75 6d 65 6e 74 2e 63 72 65 61 74 65 45 document.createE
0410: 6c 65 6d 65 6e 74 28 27 73 65 6c 65 63 74 27 29 lement('select')
0420: 3b 0a 20 20 20 20 74 68 69 73 2e 65 6c 65 6d 65 ;. this.eleme
0430: 6e 74 2e 73 74 79 6c 65 2e 66 6f 6e 74 53 69 7a nt.style.fontSiz
0440: 65 20 3d 20 74 68 69 73 2e 68 65 69 67 68 74 2f e = this.height/
0450: 32 2b 27 70 78 27 3b 0a 20 20 20 20 74 68 69 73 2+'px';. this
0460: 2e 65 6c 65 6d 65 6e 74 2e 73 74 79 6c 65 2e 6f .element.style.o
0470: 75 74 6c 69 6e 65 20 3d 20 27 6e 6f 6e 65 27 3b utline = 'none';
0480: 0a 20 20 20 20 74 68 69 73 2e 65 6c 65 6d 65 6e . this.elemen
0490: 74 2e 73 74 79 6c 65 2e 68 69 67 68 6c 69 67 68 t.style.highligh
04a0: 74 20 3d 20 27 6e 6f 6e 65 27 3b 0a 20 20 20 20 t = 'none';.
04b0: 74 68 69 73 2e 65 6c 65 6d 65 6e 74 2e 73 74 79 this.element.sty
04c0: 6c 65 2e 77 69 64 74 68 20 3d 20 74 68 69 73 2e le.width = this.
04d0: 77 69 64 74 68 2b 27 70 78 27 3b 0a 20 20 20 20 width+'px';.
04e0: 74 68 69 73 2e 65 6c 65 6d 65 6e 74 2e 73 74 79 this.element.sty
04f0: 6c 65 2e 68 65 69 67 68 74 20 3d 20 74 68 69 73 le.height = this
0500: 2e 68 65 69 67 68 74 2b 27 70 78 27 3b 0a 0a 20 .height+'px';..
0510: 20 20 20 74 68 69 73 2e 62 6f 75 6e 64 52 65 6e this.boundRen
0520: 64 65 72 20 3d 20 74 68 69 73 2e 72 65 6e 64 65 der = this.rende
0530: 72 2e 62 69 6e 64 28 74 68 69 73 29 3b 0a 0a 20 r.bind(this);..
0540: 20 20 20 74 68 69 73 2e 65 6c 65 6d 65 6e 74 2e this.element.
0550: 61 64 64 45 76 65 6e 74 4c 69 73 74 65 6e 65 72 addEventListener
0560: 28 27 63 68 61 6e 67 65 27 2c 20 74 68 69 73 2e ('change', this.
0570: 62 6f 75 6e 64 52 65 6e 64 65 72 29 3b 0a 0a 20 boundRender);..
0580: 20 20 20 74 68 69 73 2e 70 61 72 65 6e 74 2e 61 this.parent.a
0590: 70 70 65 6e 64 43 68 69 6c 64 28 74 68 69 73 2e ppendChild(this.
05a0: 65 6c 65 6d 65 6e 74 29 3b 0a 0a 20 20 7d 0a 0a element);.. }..
05b0: 20 20 61 74 74 61 63 68 4c 69 73 74 65 6e 65 72 attachListener
05c0: 73 28 29 20 7b 0a 0a 20 20 7d 0a 0a 20 20 62 75 s() {.. }.. bu
05d0: 69 6c 64 49 6e 74 65 72 66 61 63 65 28 29 20 7b ildInterface() {
05e0: 0a 0a 20 20 20 20 74 68 69 73 2e 64 65 66 69 6e .. this.defin
05f0: 65 4f 70 74 69 6f 6e 73 28 29 3b 0a 0a 20 20 7d eOptions();.. }
0600: 0a 0a 20 20 63 6f 6c 6f 72 49 6e 74 65 72 66 61 .. colorInterfa
0610: 63 65 28 29 20 7b 0a 20 20 20 20 74 68 69 73 2e ce() {. this.
0620: 65 6c 65 6d 65 6e 74 2e 73 74 79 6c 65 2e 62 61 element.style.ba
0630: 63 6b 67 72 6f 75 6e 64 43 6f 6c 6f 72 20 3d 20 ckgroundColor =
0640: 74 68 69 73 2e 63 6f 6c 6f 72 73 2e 66 69 6c 6c this.colors.fill
0650: 3b 0a 20 20 20 20 74 68 69 73 2e 65 6c 65 6d 65 ;. this.eleme
0660: 6e 74 2e 73 74 79 6c 65 2e 63 6f 6c 6f 72 20 3d nt.style.color =
0670: 20 74 68 69 73 2e 63 6f 6c 6f 72 73 2e 64 61 72 this.colors.dar
0680: 6b 3b 0a 20 20 20 20 74 68 69 73 2e 65 6c 65 6d k;. this.elem
0690: 65 6e 74 2e 73 74 79 6c 65 2e 62 6f 72 64 65 72 ent.style.border
06a0: 20 3d 20 27 73 6f 6c 69 64 20 30 70 78 20 27 2b = 'solid 0px '+
06b0: 74 68 69 73 2e 63 6f 6c 6f 72 73 2e 6d 65 64 69 this.colors.medi
06c0: 75 6d 4c 69 67 68 74 3b 0a 20 20 7d 0a 0a 20 20 umLight;. }..
06d0: 72 65 6e 64 65 72 28 29 20 7b 0a 0a 20 20 20 20 render() {..
06e0: 74 68 69 73 2e 5f 76 61 6c 75 65 20 3d 20 74 68 this._value = th
06f0: 69 73 2e 65 6c 65 6d 65 6e 74 2e 6f 70 74 69 6f is.element.optio
0700: 6e 73 5b 74 68 69 73 2e 65 6c 65 6d 65 6e 74 2e ns[this.element.
0710: 73 65 6c 65 63 74 65 64 49 6e 64 65 78 5d 2e 74 selectedIndex].t
0720: 65 78 74 3b 0a 20 20 20 20 74 68 69 73 2e 5f 73 ext;. this._s
0730: 65 6c 65 63 74 65 64 49 6e 64 65 78 20 3d 20 74 electedIndex = t
0740: 68 69 73 2e 65 6c 65 6d 65 6e 74 2e 73 65 6c 65 his.element.sele
0750: 63 74 65 64 49 6e 64 65 78 3b 0a 20 20 20 20 74 ctedIndex;. t
0760: 68 69 73 2e 65 6d 69 74 28 27 63 68 61 6e 67 65 his.emit('change
0770: 27 2c 7b 0a 20 20 20 20 20 20 76 61 6c 75 65 3a ',{. value:
0780: 20 74 68 69 73 2e 5f 76 61 6c 75 65 2c 0a 20 20 this._value,.
0790: 20 20 20 20 69 6e 64 65 78 3a 20 74 68 69 73 2e index: this.
07a0: 5f 73 65 6c 65 63 74 65 64 49 6e 64 65 78 0a 20 _selectedIndex.
07b0: 20 20 20 7d 29 3b 0a 0a 20 20 7d 0a 0a 20 20 63 });.. }.. c
07c0: 6c 69 63 6b 28 29 20 7b 0a 0a 20 20 7d 0a 0a 20 lick() {.. }..
07d0: 20 6d 6f 76 65 28 29 20 7b 0a 0a 20 20 7d 0a 0a move() {.. }..
07e0: 20 20 72 65 6c 65 61 73 65 28 29 20 7b 0a 0a 20 release() {..
07f0: 20 7d 0a 0a 20 20 2f 2a 2a 0a 20 20 20 2a 20 55 }.. /**. * U
0800: 70 64 61 74 65 20 74 68 65 20 6c 69 73 74 20 6f pdate the list o
0810: 66 20 6f 70 74 69 6f 6e 73 2e 20 54 68 69 73 20 f options. This
0820: 72 65 6d 6f 76 65 73 20 61 6c 6c 20 65 78 69 73 removes all exis
0830: 74 69 6e 67 20 6f 70 74 69 6f 6e 73 20 61 6e 64 ting options and
0840: 20 63 72 65 61 74 65 73 20 61 20 6e 65 77 20 6c creates a new l
0850: 69 73 74 20 6f 66 20 6f 70 74 69 6f 6e 73 2e 0a ist of options..
0860: 20 20 20 2a 20 40 70 61 72 61 6d 20 20 7b 61 72 * @param {ar
0870: 72 61 79 7d 20 6f 70 74 69 6f 6e 73 20 4e 65 77 ray} options New
0880: 20 61 72 72 61 79 20 6f 66 20 6f 70 74 69 6f 6e array of option
0890: 73 0a 20 20 20 2a 2f 0a 0a 20 20 64 65 66 69 6e s. */.. defin
08a0: 65 4f 70 74 69 6f 6e 73 28 6f 70 74 69 6f 6e 73 eOptions(options
08b0: 29 20 7b 0a 0a 20 20 2f 2a 20 20 66 75 6e 63 74 ) {.. /* funct
08c0: 69 6f 6e 20 72 65 6d 6f 76 65 4f 70 74 69 6f 6e ion removeOption
08d0: 73 28 73 65 6c 65 63 74 62 6f 78 29 0a 20 20 20 s(selectbox).
08e0: 20 7b 0a 20 20 20 20 20 20 20 20 76 61 72 20 69 {. var i
08f0: 3b 0a 20 20 20 20 20 20 20 20 66 6f 72 28 69 20 ;. for(i
0900: 3d 20 73 65 6c 65 63 74 62 6f 78 2e 6f 70 74 69 = selectbox.opti
0910: 6f 6e 73 2e 6c 65 6e 67 74 68 20 2d 20 31 20 3b ons.length - 1 ;
0920: 20 69 20 3e 3d 20 30 20 3b 20 69 2d 2d 29 0a 20 i >= 0 ; i--).
0930: 20 20 20 20 20 20 20 7b 0a 20 20 20 20 20 20 20 {.
0940: 20 20 20 20 20 73 65 6c 65 63 74 62 6f 78 2e 72 selectbox.r
0950: 65 6d 6f 76 65 28 69 29 3b 0a 20 20 20 20 20 20 emove(i);.
0960: 20 20 7d 0a 20 20 20 20 7d 0a 20 20 20 20 2f 2f }. }. //
0970: 75 73 69 6e 67 20 74 68 65 20 66 75 6e 63 74 69 using the functi
0980: 6f 6e 3a 0a 20 20 20 20 72 65 6d 6f 76 65 4f 70 on:. removeOp
0990: 74 69 6f 6e 73 28 64 6f 63 75 6d 65 6e 74 2e 67 tions(document.g
09a0: 65 74 45 6c 65 6d 65 6e 74 42 79 49 64 28 22 6d etElementById("m
09b0: 79 53 65 6c 65 63 74 4f 62 6a 65 63 74 22 29 29 ySelectObject"))
09c0: 3b 20 2a 2f 0a 0a 0a 20 20 20 20 69 66 20 28 6f ; */... if (o
09d0: 70 74 69 6f 6e 73 29 20 7b 0a 20 20 20 20 20 20 ptions) {.
09e0: 74 68 69 73 2e 5f 6f 70 74 69 6f 6e 73 20 3d 20 this._options =
09f0: 6f 70 74 69 6f 6e 73 3b 0a 20 20 20 20 7d 0a 0a options;. }..
0a00: 20 20 20 20 66 6f 72 28 6c 65 74 20 69 3d 74 68 for(let i=th
0a10: 69 73 2e 65 6c 65 6d 65 6e 74 2e 6f 70 74 69 6f is.element.optio
0a20: 6e 73 2e 6c 65 6e 67 74 68 2d 31 3b 20 69 20 3e ns.length-1; i >
0a30: 3d 20 30 3b 20 69 2d 2d 29 20 7b 0a 20 20 20 20 = 0; i--) {.
0a40: 20 20 74 68 69 73 2e 65 6c 65 6d 65 6e 74 2e 72 this.element.r
0a50: 65 6d 6f 76 65 28 69 29 3b 0a 20 20 20 20 7d 0a emove(i);. }.
0a60: 0a 20 20 20 20 66 6f 72 28 6c 65 74 20 69 3d 30 . for(let i=0
0a70: 3b 69 3c 74 68 69 73 2e 5f 6f 70 74 69 6f 6e 73 ;i<this._options
0a80: 2e 6c 65 6e 67 74 68 3b 69 2b 2b 29 20 7b 0a 20 .length;i++) {.
0a90: 20 20 20 20 20 74 68 69 73 2e 65 6c 65 6d 65 6e this.elemen
0aa0: 74 2e 6f 70 74 69 6f 6e 73 2e 61 64 64 28 6e 65 t.options.add(ne
0ab0: 77 20 4f 70 74 69 6f 6e 28 74 68 69 73 2e 5f 6f w Option(this._o
0ac0: 70 74 69 6f 6e 73 5b 69 5d 2c 20 69 29 29 3b 0a ptions[i], i));.
0ad0: 20 20 20 20 7d 0a 0a 20 20 7d 0a 0a 0a 20 20 2f }.. }... /
0ae0: 2a 2a 0a 20 20 54 68 65 20 74 65 78 74 20 6f 66 **. The text of
0af0: 20 74 68 65 20 6f 70 74 69 6f 6e 20 74 68 61 74 the option that
0b00: 20 69 73 20 63 75 72 72 65 6e 74 6c 79 20 73 65 is currently se
0b10: 6c 65 63 74 65 64 2e 20 49 66 20 73 65 74 2c 20 lected. If set,
0b20: 77 69 6c 6c 20 75 70 64 61 74 65 20 74 68 65 20 will update the
0b30: 69 6e 74 65 72 66 61 63 65 20 61 6e 64 20 74 72 interface and tr
0b40: 69 67 67 65 72 20 74 68 65 20 6f 75 74 70 75 74 igger the output
0b50: 20 65 76 65 6e 74 2e 0a 20 20 40 74 79 70 65 20 event.. @type
0b60: 7b 53 74 72 69 6e 67 7d 0a 20 20 40 65 78 61 6d {String}. @exam
0b70: 70 6c 65 20 73 65 6c 65 63 74 2e 76 61 6c 75 65 ple select.value
0b80: 20 3d 20 22 73 61 77 74 6f 6f 74 68 22 3b 0a 20 = "sawtooth";.
0b90: 20 2a 2f 0a 20 20 67 65 74 20 76 61 6c 75 65 28 */. get value(
0ba0: 29 20 7b 0a 20 20 20 20 72 65 74 75 72 6e 20 74 ) {. return t
0bb0: 68 69 73 2e 5f 76 61 6c 75 65 3b 0a 20 20 7d 0a his._value;. }.
0bc0: 20 20 73 65 74 20 76 61 6c 75 65 28 76 29 20 7b set value(v) {
0bd0: 0a 20 20 20 20 74 68 69 73 2e 5f 76 61 6c 75 65 . this._value
0be0: 20 3d 20 76 3b 0a 20 20 20 20 66 6f 72 28 6c 65 = v;. for(le
0bf0: 74 20 69 3d 30 3b 69 3c 74 68 69 73 2e 65 6c 65 t i=0;i<this.ele
0c00: 6d 65 6e 74 2e 6f 70 74 69 6f 6e 73 2e 6c 65 6e ment.options.len
0c10: 67 74 68 3b 69 2b 2b 29 20 7b 0a 20 20 20 20 20 gth;i++) {.
0c20: 20 69 66 20 28 76 20 3d 3d 3d 20 74 68 69 73 2e if (v === this.
0c30: 65 6c 65 6d 65 6e 74 2e 6f 70 74 69 6f 6e 73 5b element.options[
0c40: 69 5d 2e 74 65 78 74 29 20 7b 0a 20 20 20 20 20 i].text) {.
0c50: 20 20 20 74 68 69 73 2e 73 65 6c 65 63 74 65 64 this.selected
0c60: 49 6e 64 65 78 20 3d 20 69 3b 0a 20 20 20 20 20 Index = i;.
0c70: 20 20 20 62 72 65 61 6b 3b 0a 20 20 20 20 20 20 break;.
0c80: 7d 0a 20 20 20 20 7d 0a 20 20 7d 0a 0a 0a 20 20 }. }. }...
0c90: 2f 2a 2a 0a 20 20 54 68 65 20 6e 75 6d 65 72 69 /**. The numeri
0ca0: 63 20 69 6e 64 65 78 20 6f 66 20 74 68 65 20 6f c index of the o
0cb0: 70 74 69 6f 6e 20 74 68 61 74 20 69 73 20 63 75 ption that is cu
0cc0: 72 72 65 6e 74 6c 79 20 73 65 6c 65 63 74 65 64 rrently selected
0cd0: 2e 20 49 66 20 73 65 74 2c 20 77 69 6c 6c 20 75 . If set, will u
0ce0: 70 64 61 74 65 20 74 68 65 20 69 6e 74 65 72 66 pdate the interf
0cf0: 61 63 65 20 61 6e 64 20 74 72 69 67 67 65 72 20 ace and trigger
0d00: 74 68 65 20 6f 75 74 70 75 74 20 65 76 65 6e 74 the output event
0d10: 2e 0a 20 20 40 74 79 70 65 20 7b 6e 75 6d 62 65 .. @type {numbe
0d20: 72 7d 0a 20 20 40 65 78 61 6d 70 6c 65 20 73 65 r}. @example se
0d30: 6c 65 63 74 2e 73 65 6c 65 63 74 65 64 49 6e 64 lect.selectedInd
0d40: 65 78 20 3d 20 32 3b 0a 20 20 2a 2f 0a 20 20 67 ex = 2;. */. g
0d50: 65 74 20 73 65 6c 65 63 74 65 64 49 6e 64 65 78 et selectedIndex
0d60: 28 29 20 7b 0a 20 20 20 20 72 65 74 75 72 6e 20 () {. return
0d70: 74 68 69 73 2e 5f 73 65 6c 65 63 74 65 64 49 6e this._selectedIn
0d80: 64 65 78 3b 0a 20 20 7d 0a 20 20 73 65 74 20 73 dex;. }. set s
0d90: 65 6c 65 63 74 65 64 49 6e 64 65 78 28 76 29 20 electedIndex(v)
0da0: 7b 0a 20 20 20 20 74 68 69 73 2e 5f 73 65 6c 65 {. this._sele
0db0: 63 74 65 64 49 6e 64 65 78 20 3d 20 76 3b 0a 20 ctedIndex = v;.
0dc0: 20 20 20 74 68 69 73 2e 65 6c 65 6d 65 6e 74 2e this.element.
0dd0: 73 65 6c 65 63 74 65 64 49 6e 64 65 78 20 3d 20 selectedIndex =
0de0: 76 3b 0a 20 20 20 20 74 68 69 73 2e 72 65 6e 64 v;. this.rend
0df0: 65 72 28 29 3b 0a 20 20 7d 0a 0a 20 20 63 75 73 er();. }.. cus
0e00: 74 6f 6d 44 65 73 74 72 6f 79 28 29 20 7b 0a 20 tomDestroy() {.
0e10: 20 20 20 74 68 69 73 2e 65 6c 65 6d 65 6e 74 2e this.element.
0e20: 72 65 6d 6f 76 65 45 76 65 6e 74 4c 69 73 74 65 removeEventListe
0e30: 6e 65 72 28 27 63 68 61 6e 67 65 27 2c 20 74 68 ner('change', th
0e40: 69 73 2e 62 6f 75 6e 64 52 65 6e 64 65 72 29 3b is.boundRender);
0e50: 0a 20 20 7d 0a 0a 0a 7d 0a . }...}.