jquery - Dynamic variable names javascript MVC -

-

i'm running bit of javascript code in loop, creating chart (using google visualization). after code run, need access these objects somewhere else. problem can't call "chart" again, since has been over-written.

i've managed figure out hacky solution involves using mvc @ thing dynamically generate @ run-time, force variable name. works, don't think it's right way approach problem. there way me dynamically change name of variable each time it's run?

the following code run multiple times. 

@{ var mychart = "cdata" + model.chartid.tostring(); } ... function () {     @mychart = new google visualization.chartwrapper({ ... });      dashboard.bind(slider, @mychart);     dashboard.draw(data);  }

mychart changes every single time code run, giving me hacky string. putting without ' marks, becomes variable @ runtime. after run, have resize function run following: 

@mychart .setoption('width', width); @mychart .setoption('height', height); @mychart .draw();

this super hacky. took advantage of how javascript ignores spaces, can treat @mychart object.

the result riddled syntax errors, still runs, , runs intended results. question if there "proper" solution this, instead of making separate javascript functions each individual chart need make.

thanks.

there's nothing wrong you've done, better.

first, don't have rely on space mix javascript , razor.

@(mychart).setoption('width', width);

but that's still ugly.

approach 1

<script>      // global (usual caveats globals apply)     var charts = {};  </script>  @for( int = 0; < 10; i++ ) {     string chartid = "chart-" + i;      <script>          charts['@chartid'] = new chart();         charts['@chartid'].setoption('width', width);         charts['@chartid'].setoption('height', height);         charts['@chartid'].draw();      </script> }

approach 2

<script>      function doresize(chart) {         chart.setoption('width', width);         chart.setoption('height', height);         chart.draw();     }  </script>  @for( int = 0; < 10; i++ ) {     <script>          (function () {              // limit scope of "chart" variable             var chart = new chart();              // perform other init              // listen resize in manner              $(window).on("resize", function() {                 doresize(chart);             });          })();      </script> }

approach #2 preferred method manages scope , clear read.


Comments

Post a Comment

Popular posts from this blog

Django REST Framework perform_create: You cannot call `.save()` after accessing `serializer.data` -

-
i have following viewset: class artistprofileviewset(viewsets.modelviewset): queryset = artistprofile.objects.all() serializer_class = artistprofileserializer def perform_create(self, serializer): if serializer.is_valid(): serializer.save() with following serializers: class simpleartisttrackserializer(serializers.hyperlinkedmodelserializer): class meta: model = artisttrack fields = (...my fields...) class artistprofileserializer(serializers.hyperlinkedmodelserializer): owners = userserializer(many=true, required=false) tracks = simpleartisttrackserializer(many=true, required=false) class meta: model = artistprofile fields = (...my fields...) i getting following error: assertionerror: cannot call `.save()` after accessing `serializer.data`.if need access data before committing database inspect 'serializer.validated_data' instead. i don't see editing serializer.data object. th...
Read more

Why does Go error when trying to marshal this JSON? -

-
i'm trying rather simple example of trying decode json file structs using golang. however, when attempting error that json: cannot unmarshal object go value of type []main.track which don't understand. here's code in question, , json can found here . package main import ( "encoding/json" "fmt" "net/http" "os" ) // tracks group of track types type tracks struct { tracks []track } // track represents singular track type track struct { name string url string artist artist } // artist represents single artist type artist struct { name string mbid string url string } func main() { url := "http://ws.audioscrobbler.com/2.0/?method=geo.gettoptracks&api_key=c1572082105bd40d247836b5c1819623&format=json&country=netherlands" response, err := http.get(url) if err != nil { fmt.printf("%s\n", err) os.exit(1) } de...
Read more