【问题标题】:Display datatable content in textbox on jsp page在jsp页面的文本框中显示数据表内容
【发布时间】:2016-01-25 01:55:58
【问题描述】:

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

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

这是我要实现的目标 - 数据表将位于顶部,因为使用单击/选择一行,该行的内容将显示在同一页面下方的文本框中以进行编辑/更新。 JSP 和 Servlet 世界非常新。带有示例的详细说明将非常有帮助。 非常感谢你提前。

【问题讨论】:

    标签: javascript html jsp datatable


    【解决方案1】:
        <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>
    

    【讨论】:

    • 我已附上代码(见上文)。不知道我错过了什么
    猜你喜欢
    • 1970-01-01
    • 2014-04-25
    • 2014-01-22
    • 2015-09-20
    • 2010-12-22
    • 2015-06-02
    • 2018-05-14
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多