Pass variable to Javascript file

Question

I'm using Django and jqGrids, and I'm trying to automate the grid's contruction process. There is an issue, that I can't figure out the solution.

I've a Javascript file that I include in the header of my html page, grid.locale-en.js, that contains all strings that appear on the jqGrid's boxes.

<script src="{% static 'project/grid.locale-en.js' %}"></script>

I want to pass to this file one Django variable that has the name of the grid.

This way, I can have has mutch grids as I want, and I only need one grid's code. This will serve to change the following fields.

edit: {
        addCaption: "Add Product",
        editCaption: "Edit Product",

Thanks for the help!

dm03514 · Accepted Answer · 2014-08-07 17:18:11Z

1

2 easy ways are:

You could have django render your javascript
you could set a global JS config variable in your django template and then your JS file could look for the variable.

in django template

<script type="text/javascript">
var CONFIG = {};
CONFIG.GRID_NAME = "{{ your name }}";
</script>

THen in your js file

you can check to make sure that CONFIG.GRID_NAME is set and use it appropriately.

edited Aug 7, 2014 at 17:18

answered Aug 7, 2014 at 14:55

dm03514

56.1k18 gold badges117 silver badges147 bronze badges

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

1 Comment

Nunovsky Over a year ago

You just have the unnecessary var attribute. Otherwise, you are correct. Spot on! Thanks!

Henrik Andersson · Accepted Answer · 2014-08-07 15:08:49Z

0

Assuming you have a container div

<div id="jq-grid-container" data-my-column="{{ variable here }}"></div>

Then where you set up your jQGrid, you can just fetch your variable name with

var myColumn = $('#jq-grid-container').data('my-column');

answered Aug 7, 2014 at 15:08

Henrik Andersson

47.5k16 gold badges102 silver badges94 bronze badges

Collectives™ on Stack Overflow

Pass variable to Javascript file

2 Answers 2

1 Comment

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Related