Question

<script type="text/javascript">
        $(document).ready(function () {
            
            $.ajax({
                type: 'POST',
                url: 'EmployeeService.asmx/GetEmployees',
                dataType: 'json',
                success: function (data) {
                    
                    $('#datatable').dataTable({
                        data: data,
                        columns: [

                            { 'data': 'Id' },
                            { 'data': 'userID' },
                            { 'data': 'userPassword' },
                            { 'data': 'userEmail' },
                            { 'data': 'userIsActiv' },

                        ]
                    });

                }


            });       




        });



    </script>

<body>
    <form id="form1" runat="server" method="post">
        <table id="datatable">
            <thead>
                <tr>
                    <th>Id</th>
                    <th>userID</th>
                    <th>userPassword</th>
                    <th>userEmail</th>
                    <th>userIsActiv</th>
                </tr>

            </thead>

        </table>
        <div>
        </div>
    </form>
</body>

我有一个Jquery数据库女巫显示从Web服务EmployeeService.asmx / GetEmployees从SQL数据库中获取的数据。

我需要使这个数据表可编辑，就像双击任何行中的任何列一样，然后我可以编辑数据，如下面链接中的数据表。

https://editor.datatables.net/examples/inline-editing/simple

我完全不知道如何使数据表可编辑，并且在编辑之后数据将正确更新到数据库。请帮忙，我找不到任何答案。谢谢高级人员。

可编辑的jquery数据表与sql数据库c＃

0 个答案: