html表中按钮的条件样式

时间:2015-10-10 11:49:18

标签: html django

我正在使用for循环在表格中显示数据。

我的HTML代码:

<tbody>
    {% for deal_id, deal_name, deal_status in deals_list %}
    <tr>
        <td>{{deal_id}}</td>
        <td><a href="/deal_data?deal_id={{deal_id}}&vendor_id={{vendor_id}}">#{{deal_id}}</a></td>
        <td>{{deal_name}}</td>
        <td><button type="button" class="btn btn-success" disabled="true">{{deal_status}}</button></td>
    </tr>
    {% endfor %}
</tbody>

目前我正在使用课程btn btn-success获取所有交易状态。 我想当deal_status为'ACTIVE'时,必须使用btn btn-success。 如果deal_status为'INACTIVE',则必须使用btn btn-danger。 怎么做?

2 个答案:

答案 0 :(得分:1)

使用if-else块仅控制条件输出,即按钮类

<button type="button" class="btn 
    {% if deal_status == 'ACTIVE' %}
        btn-sucess
    {% else %}
        btw-danger
    {% endif %}" disabled="true">

答案 1 :(得分:0)

尝试:

<tbody>
{% for deal_id, deal_name, deal_status in deals_list %}
<tr>
    <td>{{deal_id}}</td>
    <td><a href="/deal_data?deal_id={{deal_id}}&vendor_id={{vendor_id}}">#{{deal_id}}</a></td>
    <td>{{deal_name}}</td>
    <td>{% if deal_status.INACTIVE %}<button type="button" class="btn btn-success" disabled="true">{{deal_status}}</button>{% else %}<button type="button" class="btn btn-danger" disabled="true">{{deal_status}}</button>{% endif %}</td>
</tr>
{% endfor %}