javascript - HTML 上的 Django 导航文本

Question

我正在构建一个 Django Web 应用程序，它与自定义 OpenERP 模块进行通信。

这个模块，以html格式显示一系列页面，它就像一本虚拟的书，有标题、章节、内容......

现在，Django Web 应用程序，它分为三个框架，来自 OpenERP 模块的数据显示在主机上，在顶部框架上，我得到了按钮，这些按钮应该导航到 OpenERP 数据。

到目前为止，我有三个按钮:“开始”、“下一步”和“后退”。

在开始按钮上我得到了这个代码:

    <div class="masthead" align="right"><ul ><input type="button" value="Inicio" onclick="javascript:top.frames['centrale'].location='/get_contents/INDEX/'; return true;"></ul></div>

在这里，location指向一本书的第一页，或者更好的是，这本书的“封面”。是INDEX .

例如，在下一个按钮中我得到了这个:

    <div class="masthead" align="right"><ul ><input type="button" value="Siguiente" onclick="javascript:top.frames['centrale'].location='/get_contents/NE5/A0100000/'; return true;"></ul></div>

指向书的第一页，当然，还有很多页，代码如下: A0100000, A0100101, A0100102, A0100103, A0100104等等...

我无法采用实际方法，因为我只是要在 Next 上启动首页按钮，而不是下一个按钮，显然也无法创建 900 个按钮。

所以，我认为最好的方法可能是(如果我错了，请纠正我)Jquery代码，“存储”用户所看到的内容，然后转到下一页，到目前为止我已经尝试了一些Jquery，但是未能使其工作，我不确定这是否是实现我在 Django 中寻找的目标的最佳方法。

我希望我已经解释清楚了，有什么想法吗？

提前致谢!

PS = 如果您需要我发布一些代码来更好地了解情况，请询问。

Answer 1

首先，不要使用onclick。相反，使用:

...<input id="prevButton">...</input>...
...<input id="nextbutton">...</input>...

// In the js

<script>
    $('#prevButton').click(function(){
        // Code here
    });

    $('#nextButton').click(function(){
        // Code here
    });
</script>

然后，在 django View 中，将包含指向应用程序中所有页面的链接的 JSON 字符串添加到模板上下文。

for page in all_pages:
    list_of_all_pages.append(page.permalink()) # Something like this

jsonlist = json.dumps(list_of_all_pages) # Add this to the template context

返回 html:

<script>

    // Roughly like this
    var listOfPages = JSON.parse('{{ jsonlist|escapejs }}');
    var currentPage = 0;

    $('#prevButton').click(function(){
        currentPage--;
        top.frames['centrale'].location=listOfPages[currentPage];
    });

    // currentPage++ on the nextButton

    ...

如果需要，您可以创建一个单独的 View 来提供 json，然后使用 jQuery.getJSON 获取它，而不是将其注入(inject)到 html 中。