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

时间:2013-05-02 13:08:13

标签: jquery database asp.net-mvc-4

我是这个概念的新手。我想在数据表的每列末尾添加一个Button。

我可以在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>

1 个答案:

答案 0 :(得分:0)

您只需在每行末尾添加一个按钮,例如:

<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来执行回发或其他操作。