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
    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)" el 28 feb. 2017 a las 0:33
  • ya pase el valor, aun asi nada.
    – JG_GJ
    el 28 feb. 2017 a las 0:36
  • Puedes agregar el código completo ? el 28 feb. 2017 a las 0:37
  • acaba de agregarlo
    – JG_GJ
    el 28 feb. 2017 a las 0:40

Tu Respuesta

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

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