TDatatable - Nuevo

[administrador]

Control TDatatable - Nuevo !!

Codigo del ejemplo de uso :

Código: Seleccionar todo

<?php
include( "config.php" );
include( TWEB_PATH . 'core.php' );

$oWeb = new TWeb('TEST TDATATABLE');
$oWeb->lAwesome = true; 
$oWeb->Activate();

  $oWnd = new TWindow('main', 10, 10, '45%', '50%');

    $oBar = new TBar( $oWnd );
    $oBar->AddButton( 'bLoad', 'Load', 'Load()' , IMAGE_PATH . 'refresh-black-16.png', 'Load' );
    $oBar->AddButton( 'bSalir', 'Salir', 'DoForo()' , IMAGE_PATH . 'logout-black-16.png', 'Salir' );

    $cIcon  = '<span style="margin-left: 30px;" onclick="myIcon()">';
    $cIcon .= '<i class="fa fa-trash fa-2x" aria-hidden="true"></i>';
    $cIcon .= '</span>';

    $cButton = '<button type="button" onclick="myBtn()" class="btn btn-primary">Editar</button>';

    $oDataTable = new TDataTable( $oWnd, 'myTable' );
    $oCol = $oDataTable->AddCol( 'codigo'     , 'Codigo' );
    $oCol = $oDataTable->AddCol( 'descripcion', 'Descripcion' );
    $oCol = $oDataTable->AddCol( 'precio'     , 'Precio', 'N$', AL_RIGHT );
    $oCol = $oDataTable->AddBtn( 'Icon', $cIcon ); 
    $oCol = $oDataTable->AddBtn( 'Button', $cButton ); 
    $oDataTable->PageLength( 2 );
    $oDataTable->Paging( true );
    $oDataTable->ScrollY( "120px" );
    $oDataTable->ScrollX( true );

  $oWnd->Activate();

$oWeb->End();

?>

<script>
  
  var aDatos = [ { codigo : "001", descripcion : "primero AA", precio : 25.30 },
                 { codigo : "002", descripcion : "segundo AA", precio : 50.00 },
                 { codigo : "003", descripcion : "tercero AB", precio : 10.00 },
                 { codigo : "004", descripcion : "cuarto  AB", precio : 20.00 },
                 { codigo : "005", descripcion : "quinto AC", precio : 30.00 },
                 { codigo : "006", descripcion : "sexto AC", precio : 60.00 },
                 { codigo : "007", descripcion : "septimo AD", precio : 70.00 },
                 { codigo : "008", descripcion : "octavo AD", precio : 90.00 } ];

  function Load() {
    var oCtrl = new TControl();
    var oGrid = oCtrl.GetControl( 'myTable' );
    console.log(aDatos, oGrid);
    oGrid.SetData( aDatos );
  }

  function myBtn() {
    JMsgInfo("Click en Button");
  }

  function myIcon() {
    JMsgInfo("Click en Icon");
  }

  function DoForo() {
    location.href = 'http://avcsistemas.com/foro';
  }

</script>

<style>

@media (max-width: 375px) {
  #main {
    top: 20px !important;
    left: 18px  !important;
    width: 90%  !important;
    height: 80%  !important;
  }
}

</style>

Link del TEST del ejemplo : Test del ejemplo

[Cesar_SCS]

muy bueno !

[admsoporte]

Muy bueno, pero seria mejor incluirle algunos datos y un control de filtro

[administrador]

Admsoporte.

Muy bueno, pero seria mejor incluirle algunos datos y un control de filtro

Le agregue varios registros al ejemplo. Haz click en el boton Load y cargara los registros, luego haz click en el el input buscar
y escribes "AB" por ejemplo, veraz que filtra los registros que contengan esa palabra.

[Cesar_SCS]

Bro.
habria que probar con una tabla de mas de 100 mil registros
para ver la velocidad.
gracias.

[administrador]

Cesar, si tienes una tabla donde tengas esa cantidad de registros y me puedes dar acceso
podria hacer pruebas para ver la velocidad.

[Cesar_SCS]

Con gusto amigo !

[administrador]

Ya se pueden ocultar los botones de exportar.

el method es $oGrid->BtnsExportHide();

se debe incluir el la parte PHP.

$oGrid = new TDataTable( $oWnd, 'myTable' );
$oGrid->BtnsExportHide();

[administrador]

Agregados los methods para crear iconos y botones en las columnas de la tabla.

AddIcon( <cheader>, <icon font-awesome>, <color-icon>, <function> )
AddButton( <cheader>, <texto>, <background-background>, <function> )

codigo ejemplo PHP.

Código: Seleccionar todo

$oTable = new TDataTable( $oWnd, 'myTable' );
    $oTable->SetColorHeader( '#e0e0e2' );
    $oTable->AddCol( 'articulo',      'CODIGO'  );
    $oTable->AddCol( 'detalle',       'DESCRIPCION DEL PRODUCTO' );
    $oTable->AddCol( 'depto',         'GRUPO' );
    $oTable->AddCol( 'precio',        'PRECIO 1', 'N$', AL_RIGHT );
    $oTable->AddCol( 'precio2',       'PRECIO 2', 'N$', AL_RIGHT );
    $oTable->AddCol( 'precio3',       'PRECIO 3', 'N$', AL_RIGHT );
    $oTable->AddIcon( '', 'fa fa-trash fa-x', '#F44336', 'DelRow()' );
    $oTable->AddIcon( '', 'fa fa-edit fa-x', '#0000ff', 'EditRow()' );
    $oTable->AddButton( '', 'Grabar', '#0000ff', 'EditRow()' );
    $oTable->PageLength( 14 );
    $oTable->Paging( true );
    $oTable->ScrollY( "320px" );
    $oTable->ScrollX( true );
    $oTable->BtnsExportHide();

[carloskds]

Este ejemplo esta dando problemas, podrias revisarlo albeiro...