DATATABLE 的可编辑文件类型

编程问答 2022-05-26

问题描述

我正在实施 dataTable 来保存和管理用户信息 除了我保存用户图像的最后一列之外，所有列中的可编辑数据类型都是 JSON 如何将此列初始化为可编辑？

  $('#sample_data').on('draw.dt',function() {
        $('#sample_data').tabledit({
            url: 'http://localhost:85/foreign/actions/functions.PHP',dataType: 'JSON',columns: {
                identifier: [0,'id'],editable: [
                    [1,'Name'],[2,'password'],[3,'Title','{"Mr":"Mr","Ms":"Ms","A.Prof":"A.Prof","Dr":"Dr","Sir":"Sir"}'],[4,'Type','{"admin":"Admin","staff":"Staff","student":"Student"}'],[5,'Email'],[6,'Gender','{"Male":"Male","Female":"Female"}'],[7,'Photo','<input type="file">']

                ]
            },restoreButton: false,onSuccess: function(data,textStatus,jqXHR) {
                if (data.action == 'delete') {
                    $('#' + data.id).remove();
                    $('#sample_data').DataTable().ajax.reload();
                }
                if (data.action == 'edit') {
                    if (data.error != 1) {
                        // $('#user-edit-response').prepend(' <b> Error(s) ! </b><br>' + data.error).addClass('d-block').removeClass('d-none').css({
                        //     'opacity': '1'
                        // })
                        $('#user-edit-response').modal('show');
                        $('#response-content').html(data.error).css({
                            'background-color': '#F8D7DA','color': 'tomato'
                        })
                        $('#sample_data').DataTable().ajax.reload();
                    }
                }
            }
        });
    });

我想要一种方法使该列可编辑 [7,''] ？

以下是我正在使用的库和插件

 <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.0/jquery.min.js"></script>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css" />
<script src="https://cdn.datatables.net/1.10.12/js/jquery.dataTables.min.js"></script>
<script src="https://cdn.datatables.net/1.10.12/js/dataTables.bootstrap.min.js"></script>
<link rel="stylesheet" href="https://cdn.datatables.net/1.10.12/css/dataTables.bootstrap.min.css" />
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js"></script>
<script src="https://markcell.github.io/jquery-tabledit/assets/js/tabledit.min.js"></script>

除了使图像列可编辑之外，每个人都认为作品很迷人 请问可以修改吗？提前致谢

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）

ajaxdatatablesimageimageimagejson