将x-editable与基本数据表一起使用永远不会进入编辑模式

时间:2019-04-27 22:20:36

标签: datatables x-editable

我正在尝试对数据表使用x-editable。

我在SO中搜索了样本,并且做了基本测试。

但是,当我单击“ qtde”列时,表格将永远不会进入编辑模式。

我想知道保存后如何编辑json。

-标记-

<table id="id_prevproced" class="display compact" style="width:100%">
 <thead>
    <tr>
        <th>Seleção</th>
        <th>Quantidade</th>
        <th>Procedimento</th>
    </tr>
 </thead>
</table>

-JS-

   var dataSet = {};
   dataSet.data=[
        {"id":1,"qtde":1, "descricao":"System Architect"}
        ]

   var tablePrevProced=$('#id_prevproced').DataTable( {
            dom: "rtip",
            data: dataSet.data,
            columns: [
                {
                    data: "id",
                    orderable: false
                },
             { data: "qtde", 
               "render": function (data, type,row, meta){
                                var isi = '<a class="initEditProc" pk-data="'+row.id+'">'+row.qtde+'</a>';
                                return isi;
                            }
             },
             { data: "descricao", orderable: false}
            ]

        } );

    tablePrevProced.on( 'draw.dt', function () {
        console.log( 'Redraw occurred at: '+new Date().getTime() );
        $('#id_prevproced .initEditProc a').editable({
                type : 'text',
                title : 'Entre a quantidade',
                success: function(response, newValue) {
                    console.log( response + " " + newValue);
                },
            }
        );
    } );

0 个答案:

没有答案