16

我在 a<select>和 a中有一个组列表，<input type="button" value="Add Selected">用于将所选组添加到 a<table>值中。

已添加的组列表显示在 中<table>，每次单击“添加选定”按钮时，javascript 都会动态添加行。表格中的每一行都有一个“删除”链接，用于从表格中删除项目。

一切正常，除了现在我想将表的内容发布到 URL，我不知道该怎么做。

我应该为表格中的每一行添加一个隐藏字段吗？还是有更好的方法来做到这一点？

任何建议都非常感谢！

抢

4

5 回答 5

10

将您的表格包装在一个表单中，并将您想要发布但不向用户显示的数据放在隐藏的输入中

<form method="post" action="">
    <!-- your table -->
    <input type="hidden" name="name" value="your value"/>
    <button type="submit">Post</button>
</form>
于 2012-05-07T21:02:30.873 回答
6

我已经做了：

function sendTableArticles() {
        var columns = [
            'articulo.id',
            'articulo.descripcion',
            'unidadMedida.descripcion',
            'precio',
            'importe',
            'totalRequerido',
            'totalIngresado'
        ];

        var tableObject = $('#table_articles tbody tr').map(function (i) {
            var row = {};
            $(this).find('td').each(function (i) {
                var rowName = columns[i];
                row[rowName] = $(this).text();
            });

            return row;
        }).get();


        $.post('@{OrdenComprasDetalles.update()}',
                {objects:tableObject},
                function (response) {
                    console.log(response);
                }
        )
    }

在控制器中

public static void update(List<OrdenCompraDetalle> objects){
        int i=0;
        renderJSON(i);
    }

所以这是我的 DTO

@Entity(name = "ordencompradetalle")
public class OrdenCompraDetalle extends AbstractTableMapper {

    @ManyToOne
    public Articulo articulo;

    public Float precio;

    public Float importe;

    public Boolean ingresado;

    @Column(name = "total_requerido")
    public Float totalRequerido;

    @Column(name = "total_ingresado")
    public Float totalIngresado;

    @ManyToOne
    public OrdenCompra ordenCompra;

    @ManyToOne
    public UnidadMedida unidadMedida;

    @OneToMany(mappedBy = "ordenCompraDetalle")
    public List<Movimiento> movimientos;
}

我正在使用，太有用了，希望对你也有帮助

于 2012-11-12T14:12:47.660 回答
2 
<form method="post" action="your_server_action">
  <table>
    <!-- Table row display elements -->
    <input type="hidden" name="name" value="your value"/>
  </table>
  <input type="submit" value="Submit"/>
</form>
于 2012-05-07T21:09:12.610 回答
2

前几天我做了类似的事情，我的解决方案是从我的表中创建一组对象，我可以将它们发送到 Web 服务。Web 服务应该有一个对象数组。

// Read all rows and return an array of objects
function GetAllRows()
{
    var myObjects = [];

    $('#table1 tbody tr').each(function (index, value)
    {
        var row = GetRow(index);
        myObjects.push(row);
    });

    return myObjects;
}

// Read the row into an object
function GetRow(rowNum)
{
    var row = $('#table1 tbody tr').eq(rowNum);

    var myObject = {};

    myObject.ChangeType = row.find('td:eq(1)').text();
    myObject.UpdateType = row.find('td:eq(2)').text();
    myObject.CustomerPart = row.find('td:eq(3)').text();
    myObject.ApplyDate = row.find('td:eq(9)').text();
    myObject.Remarks = row.find('td:eq(10)').text();

    return myObject;
}
于 2012-05-07T21:20:55.793 回答
0

通过像这样添加 [] 来选择数组的名称

<select name="modules[]" id="modules" class="inputbox" size="10" multiple="multiple">
<option value="1">Module 01</option>
<option value="2">Module 02</option>
<option value="3">Module 03</option>
</select>

我认为提交后你的 $_POST 中会有一个数组，为此示例模块命名

于 2012-05-07T21:24:51.177 回答