我正在尝试对数据表使用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);
},
}
);
} );