0
 var vm = this;
            vm.dt_data = [];               
            vm.item = {};
            vm.edit = edit;
            vm.dtOptions = DTOptionsBuilder.newOptions()
                .withOption('initComplete', function() {
                    $timeout(function() {
                        $compile($('.dt-uikit .md-input'))($scope);
                    })
                })
                .withPaginationType('full_numbers')
                .withOption('createdRow', function (row, data, dataIndex) {
                    $compile(angular.element(row).contents())($scope);
                })
                .withOption('ajax', {
                    dataSrc: function(json) {
                        json['draw']=1
                        json['recordsFiltered'] = json.records.length                            
                        json['recordsTotal'] =json.records.length
                        console.log(json)
                        return json.records;
                      },
                    url: 'http://localhost:808/sistemadrp/public/ws/usuarios',
                    type: 'GET',
                })
                //.withDataProp('records')
                .withOption('processing', true)
                .withOption('serverSide', true);

            vm.dtColumns = [
              DTColumnBuilder.newColumn('id').withTitle('Id'),
              DTColumnBuilder.newColumn('usuario').withTitle('Usuario'),
              DTColumnBuilder.newColumn('nombre').withTitle('Nombre'),
              DTColumnBuilder.newColumn('email').withTitle('Email'),
              DTColumnBuilder.newColumn('telefono').withTitle('Telefono'),
              DTColumnBuilder.newColumn('estado').withTitle('Estado'),
              DTColumnBuilder.newColumn('created_at').withTitle('Creado'),
              DTColumnBuilder.newColumn(null).withTitle('Acciones').notSortable().renderWith(function(data,type,full){
                  vm.item[data.id] = data; 
                    return  ' <a href="#" data-uk-modal="{target:\'#modal_header_footer\'}" ng-click="showCase.edit(showCase.item[' + data.id + '])">'+
                            ' <i class="md-icon material-icons md-bg-light-blue-900 uk-text-contrast"></i></a>'+
                            ' <a href="#" data-uk-modal="{target:\'#modal_header_footer_eliminar\'}" ng-click="showCase.edit(showCase.item[' + data.id + '])">'+
                            ' <i class="md-icon material-icons md-bg-red-900 uk-text-contrast">&#xE872;</i></a>';
              })                    
          ];       

De esta manera funciona la tabla, tenia el problema que los botones generados por cada registro no entraba a la funcion por no hacer uso de $compile, debia agregar lo siguiente por cada fila que va creando:

.withOption('createdRow', function (row, data, dataIndex) {
                $compile(angular.element(row).contents())($scope);
            })

incluso Mando a llamar un modal y le mando la data para hacer uso de ng-model en el modal.

La tabla queda asi:

<table datatable="" dt-options="showCase.dtOptions"  dt-columns="showCase.dtColumns" class="uk-table" cellspacing="0" width="100%">
            </table>

1 respuesta 1

1

Primero necesitas corregir esto:

function actionsHtml(data, type, full, meta){
            vm.usuario[data.id] = data; 
            return ' <a href="#" data-uk-modal="{target:\'#modal_header_footer\'}" ng-click="editar()"><i class="md-icon material-icons md-bg-light-blue-900 uk-text-contrast"></i></a>'+
                   ' <a href="#" data-uk-modal="{target:\'#modal_header_footer_eliminar\'}"><i class="md-icon material-icons md-bg-red-900 uk-text-contrast">&#xE872;</i></a>';               
      }

Si puedes fijarte agregue el cierre de la etiqueta HTML

7
  • 1
    es cierto, ya lo corregi. Pero aun asi no llama a la funcion :/
    – JG_GJ
    Commented el 28 feb. 2017 a las 0:30
  • La función editar requiere un parámetro usuario, intenta pasar un valor ng-click="editar(1)" Commented el 28 feb. 2017 a las 0:33
  • ya pase el valor, aun asi nada.
    – JG_GJ
    Commented el 28 feb. 2017 a las 0:36
  • Puedes agregar el código completo ? Commented el 28 feb. 2017 a las 0:37
  • acaba de agregarlo
    – JG_GJ
    Commented el 28 feb. 2017 a las 0:40

Tu Respuesta

By clicking “Publica tu respuesta”, you agree to our terms of service and acknowledge you have read our privacy policy.

¿No es la respuesta que buscas? Examina otras preguntas con la etiqueta o formula tu propia pregunta.