1

我有一张桌子:

    <table id="selectedInv">
        <thead>
            <tr class="alternate">
                <th>
                    Barcode
                </th>
                <th>
                    OverAll Count
                </th>
                <th>
                    Transfer Count
                </th>
            </tr>
        </thead>
        <tbody>
           <tr class="1">
                <td> 2323 </td><td> 9 </td><td><input type="text" value="3"></td></tr>
           <tr class="2">
                <td> 2329 </td><td> 5 </td><td><input type="text" value="2"></td></tr>
           <tr class="3">
                <td> 2329 </td><td> 3 </td><td><input type="text" value="1"></td></tr>
        </tbody>
    </table>

单击按钮后,我想收集数据,例如

[{1,3},{2,2},{3,1}]

在哪里

[{a,b}] a=行的类名,b=该行的输入文本值。

并将这些数据发布到操作方法,最好的方法是什么?

4

1 回答 1

3

正如我所见,你有两个字段可以从每一行收集数据,即 Class 和 Transfer 计数。我会为它制作一个视图模型

public class ViewModel
{
    public int CodeClass{get;set;} //class is reserved word
    public int TransferCount{get;set;}
}

在我看来,我会编写一个循环来创建以下 html

<table id="selectedInv">
        <thead>
            <tr class="alternate">
                <th>
                    Barkod
                </th>
                <th>
                    OverAll Count
                </th>
                <th>
                    Transfer Count
                </th>
            </tr>
        </thead>
        <tbody>
           <tr class="1">
                <td> 2323 </td><td> 9 </td><td><input name="data[0].TransferCount" type="text" value="3"><input type="hidden" value = "1" name = "data[0].CodeClass"/></td></tr>
           <tr class="2">
                <td> 2329 </td><td> 5 </td><td><input type="text" value="2" name="data[1].TransferCount"><input type="hidden" value = "1" name = "data[1].CodeClass"/></td></tr>
           <tr class="3">
                <td> 2329 </td><td> 3 </td><td><input type="text" value="1" name="data[2].TransferCount"><input type="hidden" value = "1" name = "data[2].CodeClass"/></td></tr>
        </tbody>
    </table>

假设您将表单发布到索引方法。它看起来像

public ActionResult index(IEnumerable<ViewModel> data)
{
 //do something with data
}

不要忘记提交按钮以发布表单。有关更多信息,请阅读本文
以下搜索也对您有好处

于 2012-04-10T10:52:28.180 回答