如果表格数据不空，请删除按钮？

Question

我不确定这样做的好方法但是我想要＃34; Signoff＆＃34;如果工作订单已签收，则按钮将消失。

形式：

{% for item in component %}
<td>
 <input type='button' name='user_one' id='signoff_user_one' data-rowid={{ item.id }} data-signoff='signoff_one' value='Signoff' />
     {{ item.signoff_user_one.name|title }} {{ item.signoff_date_one }}
</td>
<td>{{ item.workorder_num_one }}</td>
<td>{{ item.notes_one }}</td>
{% endfor %}

我正在考虑使用树枝来做这件事。

{% if item.signoff_user_one %}
   <span style='display: none;'>
   <input type='button' name='user_one' id='signoff_user_one' data-rowid={{ item.id }} data-signoff='signoff_one' value='&#x2713;' />
   </span>
{% else %}
   <input type='button' name='user_one' id='signoff_user_one' data-rowid={{ item.id }} data-signoff='signoff_one' value='&#x2713;' />
{% endif %}

它产生的HTML：

<td><input type="button" id="signoff_user_one" data-rowid="56" name="user_one" value="Signoff">
          Blockout Only April 10, 2014
</td>
<td>3</td>
<td>OK</td>

但这会删除两个Signoff按钮，而不仅仅是1.我猜测它不会只检查单个行吗？

有没有办法用jQuery做到这一点？

Answer 1

这取决于您如何处理“signoff_user_one”值

如果它总是存在，但是布尔值（true / false），请尝试：

{% if item.signoff_user_one is false %}
{# render nothing #}
{% else %}
{# render button #}
{% endif %}

如果我们应该考虑是否定义了item.signoff_user_one：

{% if item.signoff_user_one is defined %}
{# render nothing #}
{% else %}
{# render button #}
{% endif %}

Answer 2

如果您为输入创建相同ID的每个项目执行此操作，则不应执行此操作，因为ID应该是唯一的。

{% for item in component %}
<td>
 {% if !item.signoff_user_one %}
 <input type='button' name='user_one' id='signoff_user_one' data-rowid={{ item.id }}    data-signoff='signoff_one' value='&#x2713;' />
{% endif %}
 {{ item.signoff_user_one.name|title }} {{ item.signoff_date_one }}
</td>
<td>{{ item.workorder_num_one }}</td>
<td>{{ item.notes_one }}</td>
{% endfor %}