Passing string list to javascript function Django

Question

Im building my first Django app. I want to call a javascript function that receives a list of strings. In my current version Im sending a Django object (called provider) property like this and it´s working fine:

<a href="#" class="button secondary tiny" onclick="download_provider_files('{{ provider.full_name }}')"><i class="fi-download"></i></a>

But now I want to call a Provider model method that returns a list of strings, so then I can do something with this list in Js method

def get_provider_files_urls(self):
        provider_files = self.provider_files.all()
        file_list = []
        for f in provider_files:
            file_list.append(f.file.name)
        return file_list

I tried this:

<a href="#" class="button secondary tiny" onclick="download_provider_files('{{ provider.get_provider_files_urls }}')"><i class="fi-download"></i></a>

and got this error:

Uncaught SyntaxError: missing ) after argument list

Iain Shelvington · Accepted Answer · 2021-03-01 20:25:24Z

1

A quick and dirty way to generate a JS array from a list is to use the join filter

onclick="download_provider_files(['{{ provider.get_provider_files_urls|join:"', '" }}'])"

Probably cleaner to use the json_script filter though

answered Mar 1, 2021 at 20:25

Iain Shelvington

32.5k3 gold badges36 silver badges55 bronze badges

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

1 Comment

Guillermo Zooby Over a year ago

I have to adapt it a little bit but now is working. Thanks!! I will take a look also at json_script <a href="#" class="button secondary tiny" onclick="download_provider_files(['{{ provider.get_provider_files_urls|join:', ' }}'])"><i class="fi-download"></i></a>

Collectives™ on Stack Overflow

Passing string list to javascript function Django

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related