如何根据列值更改行按钮类

Posted 2023-04-13

【中文标题】如何根据列值更改行按钮类

【英文标题】：How to change row button class base on column value

【发布时间】：2020-09-07 17:50:28

【问题描述】：

我在每个表格行中定义了一个操作按钮，我希望将按钮类更改为基于另一个列值的超棒字体图标。

请参考下面的示例代码，我想在表格加载后根据btnval 更改actionbtn 的图标。例如，btnval="" 时，actionbtn 类将是 fas fa-check 否则 fas fa-undo。

任何人都可以建议我怎样才能做到正确吗？ 谢谢。

<table class="table ew-table" >
    <thead>
        <tr class="ew-table-header">
            <th>Action</th>
            <th>Result</th>
            <th>BtnValue</th>
        </tr>
    </thead>
    <tbody>
    @for (int i = Table1_List.StartRowCount; i <= Table1_List.RowCount; i++)
        
         <tr>
          <td style="width: 30px !important; max-width:30px;">
            <button id="actionbtn" type="button">
                 <i class="fas fa-check"></i>    
            </button>
          </td>
          <td> 
             <a>Table1_List[i].resultval</a>
          </td>
          <td>
             <a>Table1_List[i].btnval</a>
          </td>
         </tr>
        
        </tbody>
    </table>

【问题讨论】：

为什么加载后要改变？ @for 来自什么模板语言？使用该语言在加载时设置图标。

您好，这是mvc核心视图页面。我尝试使用 但它在列中返回文本而不是图标

这能回答你的问题吗？ How can I change an element's class with javascript?

嗨，杰克，感谢您的链接。此处的主题和答案是关于元素 onclick 分配的，对此我没有任何问题。无论如何，我设法通过艰难的方式让它工作。我创建了一个函数来循环遍历表并根据 btnval 的单元格值分配类。

【参考方案1】：

这样的事情应该在 for 循环中起作用：

<i class="fas @(Table1_List[i].btnval=''?' fa-check':' fa-undo')"></i>