Javascript 根据条件、GSP、JQ,在订单行上应用一个删除行
我在表格中显示对象列表,每个对象显示一行。如果对象的某个参数设置为1,则我希望某个特定行上有一条贯穿线。这是我的密码:Javascript 根据条件、GSP、JQ,在订单行上应用一个删除行,javascript,groovy,gsp,Javascript,Groovy,Gsp,我在表格中显示对象列表,每个对象显示一行。如果对象的某个参数设置为1,则我希望某个特定行上有一条贯穿线。这是我的密码: <% patientOrders.each { order -> %> <tr class="orderRow"> <% if(order.discontinued == 1) { %> <script type="text/javascript"> jq(this).closest('.orde
<% patientOrders.each { order -> %>
<tr class="orderRow">
<% if(order.discontinued == 1) { %>
<script type="text/javascript">
jq(this).closest('.orderRow').css({"text-decoration": "line-through","text-decoration-color": "red"});
</script>
<% } %>
<td>${ order.drugname.getDisplayString().toUpperCase() }</td>
<td>${ order.startdate.format('yyyy-MM-dd') }</td>
</tr>
<% } %>
%>
jq(this).closest('.orderRow').css({“文本装饰”:“线条通过”,“文本装饰颜色”:“红色”});
${order.drugname.getDisplayString().toUpperCase()}
${order.startdate.format('yyyy-MM-dd')}
表中列出了每个患者医嘱。对于“中止”参数设置为1的所有订单,将显示一条执行线。
我无法实现这一点。谁能帮帮我吗
谢谢大家! 您可以有条件地在“tr”上添加一个类,用于中断订单,并为strike through编写CSS,可能如下所示:
<% patientOrders.each { order -> %>
<tr class="orderRow <% if(order.discontinued == 1) { %> discontinued <% } %>">
<td>${ order.drugname.getDisplayString().toUpperCase() }</td>
<td>${ order.startdate.format('yyyy-MM-dd') }</td>
</tr>
<% } %>
注意:大多数主要浏览器不支持文本装饰颜色,您可以使用color:red
,但它也会更改文本颜色
如果您希望删除线为红色,而文本为不同颜色,则可以覆盖td的颜色以及上面的CSS,以实现这一点:
CSS:
orderRow.discontinued{
text-decoration: line-through;
text-decoration-color: red;
}
.orderRow td{
color: black;
}