获取动态表

时间:2017-06-17 12:30:57

标签: java jquery html twitter-bootstrap thymeleaf

首先,我很遗憾地提出这个问题,因为我知道这种情况已经存在了。但我用谷歌搜索引导我回答角度,JavaScript和其他许多不同的技术,所以我很遗憾找不到合适的答案,我希望你能帮助我。我是HTML的新手,以及webdev的一切。我使用Java与Spring MVC,Thymleaf,有JQuery和Bootstrap依赖。

我写了一个简单的HTMl文件enter image description here

如下表所示,有一个“删除产品按钮”

我只是希望用户可以选择1到多个产品,如果他点击删除,Rest服务应删除元素并刷新网站。

什么不起作用:

程序未收到连接产品的选择。

以下是代码:

<div class="container" >
    <h3>Fill form and execute changes</h3>

    <div class="container">
        <table class="table table-striped">
            <thead>
            <tr>
                <th>Product Name</th>
                <th>Price</th>
                <th>Old price</th>
                <th>Fee</th>
                <th>Edit</th>
                <th>Select</th>
            </tr>
            </thead>
            <tbody>
            <!--/*@thymesVar id="productList" type="java.util.List"*/-->
            <tr th:each="product : ${productList}">
                <td th:text="${product.getProductName()}">ProductName</td>
                <!--/*@thymesVar id="getTradableBTC" type="java.lang.Double"*/-->
                <td th:text="${product.getPrice()}">></td>
                <!--/*@thymesVar id="getTop" type="java.lang.Double"*/-->
                <td th:text="${product.getOldPrice()}">></td>
                <!--/*@thymesVar id="getBottom" type="java.lang.Double"*/-->
                <td th:text="${product.getFee()}">></td>
                <!--/*@thymesVar id="getCurrencyName" type="java.lang.String"*/-->
                <td><a href="#" th:href="'exchange/edit/' + *{product.getProductName()}">Edit</a></td>
                <td><div class="checkbox">
                    <label>
                        <input type="checkbox" id="blankCheckbox" value=""/>
                    </label>
                </div></td>
            </tr>
            </tbody>
        </table>

        <a th:href="'addproduct'" href="#" class="btn btn-info" role="button">Add Product</a>

        <a th:href="deleteproduct" href="#" class="btn btn-info" role="button">Delete Products</a>


    </div>
</div>
你能帮帮我吗?谢谢!

0 个答案:

没有答案