...
Code Block | ||||
---|---|---|---|---|
| ||||
<div class='l-dropdown horinzontal'> <span class='wi-stars custom-dropdown'> <select class="view-container" value='{{selectedPointIndexselected}} on-change='selectedPointIndex'> <option selected="selected" disabled="disabled">Select</option> {{#myPoints}} <option value='{{@indexthis.id}}'>{{this.navName}}</option> {{/myPoints}} </select> </span> </div> |
...
Code Block | ||||
---|---|---|---|---|
| ||||
this.ractive.fire('obtainData'); var self = this; var template = this; var model = self.ractive.observe; this.ractive.on('selectedPointIndex', function(indexevent) { var point = thismodel.get('myPoints.'+index"myPoints"); var selected = model.get("selected"); if(pointselected) { top.app.ShowRelatedBubbles(point.idselected, point.idselected, falsetrue, event); } }); |
obtainData is what connects the Ractive model to the program. The function selectedPointIndex is for the gears and magicB is for the magic bubbles.
...