django:访问另一个模板中的元素

时间:2017-03-30 13:32:48

标签: javascript python django web-applications django-templates

project/
|----app1/
     |----templates/
                   app1/                       
                   |----home.html
                   |----exchange.html

我需要使用javascript对home.html执行计算,但有些数据存储在exchange.html的表格中,我不想将它们放在一个页面下。我该怎么做呢我是python和django的新手。

{% include "exchange.html" %}

我在home.html上尝试了这个,但它加载了我不需要的所有内容。请有人帮忙。

<table class="table table-hover">
        <caption>Exchange rate</caption>
        <thead>
            <tr>
                <th></th>
                <th>GBP</th>
                <th>EUR</th>
                <th>USD</th>
                <th>CAD</th>
                <th>AUD</th>
            </tr>       
        </thead>
        <tbody>
            <tr>
                <td>GBP</td>
                <td><input type="number" value="1" readonly></td>
                <td><input class="rate" type="number"></td>
                <td><input class="rate" type="number"></td>
                <td><input class="rate" type="number"></td>
                <td><input class="rate" type="number"></td>
            </tr>                   
            <tr>
                <td>EUR</td>
                <td><input class="rate" type="number"></td>
                <td><input type="number" value="1" readonly></td>
                <td><input class="rate" type="number"></td>
                <td><input class="rate" type="number"></td>
                <td><input class="rate" type="number"></td>
            </tr>
                <td>USD</td>
                <td><input class="rate" type="number"></td>
                <td><input class="rate" type="number"></td>
                <td><input type="number" value="1" readonly></td>
                <td><input class="rate" type="number"></td>
                <td><input class="rate" type="number"></td>
            <tr>
                <td>CAD</td>
                <td><input class="rate" type="number"></td>
                <td><input class="rate" type="number"></td>
                <td><input class="rate" type="number"></td>
                <td><input type="number" value="1" readonly></td>
                <td><input class="rate" type="number"></td>
            </tr>
            <tr>
                <td>AUD</td>
                <td><input class="rate" type="number"></td>
                <td><input class="rate" type="number"></td>
                <td><input class="rate" type="number"></td>
                <td><input class="rate" type="number"></td>
                <td><input type="number" value="1" readonly></td>
            </tr>           
        </tbody>
    </table>

我在exchage.html中有这个表,用户可以输入汇率,我需要使用相关汇率对home.html进行一些计算。

1 个答案:

答案 0 :(得分:0)

您想创建一小段html,其中仅包含您需要的信息,并将其放在另一个文件中,例如 computation.html 。你没有在那里放置来自exchange.html的所有代码,只有重复的部分。

然后使用include标记从exchange.html和home.html添加该HTML。

{% include calculations.html %}