jquery - 如何在 MVC 4 中数据表的每列末尾添加按钮？

Question

我对这个概念很陌生。我想在数据表中每列的末尾添加一个按钮。

我可以在 asp.net 中做到这一点，但我在 MVC 4 中没有任何想法。

请就这个问题给我建议。

下面的代码：

<table class="plans-table">    
    <thead>
        <tr>                        
            @foreach (DataColumn col in table.Columns)
            {
                <th>(@col.ColumnName)</th>
            }
        </tr>
    </thead>
    <tbody>
        @foreach (DataRow row in table.Rows)
        {
        <tr class="plans-row">
            @foreach (DataColumn col in table.Columns)
            {
                <td>
                    @row[col.ColumnName]
                </td> 
            }
        </tr>
        }
    </tbody>
</table>

Answer 1

您可以简单地在每一行的末尾添加一个按钮，例如：

<table class="plans-table">    
    <thead>
        <tr>                        
            @foreach (DataColumn col in table.Columns)
            {
                <th>(@col.ColumnName)</th>
            }
            <th>Options</th>
        </tr>
    </thead>
    <tbody>
        @foreach (DataRow row in table.Rows)
        {
        <tr class="plans-row">
            @foreach (DataColumn col in table.Columns)
            {
                <td>
                    @row[col.ColumnName]
                </td> 
            }
            <td><input type="button" value="Click Me!" name="rowButton"/></td>
        </tr>
        }
    </tbody>
</table>

由于 MVC 在结构上有所不同ASP.NET，您会注意到这是一个普通的 html 按钮。因此，您将需要使用 javascript 来执行回发或其他操作。