Django how to correctly acces the context array in javascript?

Question

My question is similar to the these previous questions, however I can't seem to make my code work:

How can I pass my context variables to a javascript file in Django?

How to use the context variables passed from Django in javascript?

I have a list of lists, containing data of the form:

data = [[1, 2, 3, 4, ...] [210, 346, 331, 402, ...] [...] ...]

where the first list represents the number of each taken sample. I'm passing this data to my HTML file using a class that looks like:

class IndexView_charts(generic.TemplateView):
    """
    IndexView:
    """
    module = 'IndexView'
    template_name = charts_temp_name #variable for the template

data = ##extra code here to fetch data

def get_queryset(self):
    log(self.module, 'get_queryset', file=__file__)
    return self.data

def get_context_data(self, **kwargs):
    context = super().get_context_data(**kwargs)
    context['data'] = self.data
    return context

And in the template, I can access the variable data as follows for example and it shows up on the webpage:

<h1> {{data.0}} </h1>

now, I'd like to access it in my script. In the same file I have the following code:

var chartData = {{ data }};
... some more code here ...
data:chartData[1]

but I don't get the charts that I would like. If i change the occurrences of chartData[x] into lists containing some dummy data, the script works. So the problem lies at accessing the data.

Have your tried using escapejs built in tag, e.g. '{{ python_object|escapejs }}';? — AzyCrw4282
– AzyCrw4282, Commented Jul 28, 2020 at 18:52

AzyCrw4282 · Accepted Answer · 2020-07-28 19:00:51Z

0

It seems like the context array is not being parsed correctly to js as an array. If my commented suggestion doesn't work then you can try to use tojson template-tag to convert python list to js array.

For example,

var mylist = {{mylist|tojson}};
for(i = 0; i < mylist.length; i++){
    console.log(mylist[i])
};

answered Jul 28, 2020 at 19:00

AzyCrw4282

7,8945 gold badges26 silver badges43 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

Django how to correctly acces the context array in javascript?

1 Answer 1

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related