在jsp页面上的文本框中显示数据表内容

时间:2015-10-26 02:51:06

标签: javascript html jsp datatable

有没有办法在同一个jsp上的文本框上显示数据表的内容。我确实找到了一种从datatable获取行索引的方法 -

$("#example ").DataTable().find("tbody").on('click', 'tr', function () {
alert(this.rowIndex);

以下是我想要实现的目标 - 数据表将位于顶部,因为使用点击/选择一行,行中的内容将显示在编辑/更新的同一页面下方的文本框中。 对JSP,Servlet世界来说很新。通过示例的详细解释将非常有用。 非常感谢你提前。

1 个答案:

答案 0 :(得分:0)

    <fieldset class="row1">
        <legend>User Information
        </legend>
        <p>
            <label>UserID *
            </label>
            <input type="text" id="userID"/>
            <label>First Name
            </label>
            <input type="text" id="FirstName"/>
            <label>Last Name 
            </label>
            <input type="text" id="LastName"/>                    
        </p>
    </fieldset>

     <script>

            $(document).ready(function () {
                $('#example').DataTable({
                    "scrollY": 7,
                    "scrollX": true
                });

                var table = $('#example').DataTable();

                table.on('click', 'tbody tr', function () {
                    var rowContent = table.row(this).data();
                    $("#userID").val(rowContent[0]);
                    $("#FirstName").val(rowContent[1]);
                    $("#LastName").val(rowContent[2]);
                });
            });

        </script>
 <p><a href="UserController?action=insert">Add User</a></p>

</form>