Tengo un problema con TableEdit
Esto está en la documentación que leí:
// Example #2 columns: { // Column used to identify table row. // [column_index, input_name] identifier: [0, 'id'], // Columns to transform in editable cells. // [[column_index, input_name], [column_index, input_name, select_options]] editable: [[1, 'car'], [2, 'color', '{"1": "Red", "2": "Green", "3": "Blue"}']] }En la clave editable, la segunda matriz contiene una cadena similar a json que se muestra como una lista desplegable cuando presiono el botón de edición.
Mi pregunta es, ¿cómo hago esa cadena tipo json dinámicamente?
Tengo una solicitud ajax que devuelve una lista de departamentos. Quiero pasar esos departamentos a esa columna editable.
En mi opinión, puede intentar llamar a la solicitud ajax para obtener una lista del departamento. Después de eso, crea tabledit . Puedes probar así:
JavaScript :
Después de la solicitud de ajax hecha. Puede usar JSON.stringify() para convertir un objeto JavaScript en una cadena.
function initTableEdit() { $.post('select-data.php') .done(function (res) { let data = [[1, 'First Name'], [2, 'Last Name'], [3, 'Username', JSON.stringify(res)]] creatTableEdit(data) }) } function creatTableEdit(data) { $('#example2').Tabledit({ editButton: true, removeButton: false, columns: { identifier: [0, 'id'], editable: data } }); }PHP : seleccionar-datos.php
<?php header('Content-Type: application/json'); echo json_encode([ 1 => '@mdo', 2 => '@fat', 3 => '@twitter', ]); die();