将变量传递给Javascript文件

Question

我正在使用Django和jqGrids，并且正在尝试自动化网格的构造过程。 有一个问题，我无法解决。

我有一个Javascript文件，我将它包含在html页面的标题grid.locale-en.js ，其中包含出现在jqGrid框中的所有字符串。

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

我想将一个具有网格名称的Django变量传递给该文件。

这样，我可以根据需要拥有mutch网格，而我只需要一个网格的代码。 这将用于更改以下字段。

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

谢谢您的帮助！

Answer 1

2种简单方法是：

1. 您可以让django呈现您的JavaScript

2. 您可以在django模板中设置全局JS配置变量，然后JS文件可以查找该变量。

在Django模板中

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

然后在您的js文件中

您可以检查以确保已设置CONFIG.GRID_NAME并正确使用它。

Answer 2

假设您有一个容器div

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

然后在设置jQGrid的地方，只需使用以下命令获取变量名

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