Mostrando entradas con la etiqueta datatables. Mostrar todas las entradas
Mostrando entradas con la etiqueta datatables. Mostrar todas las entradas

miércoles, 17 de julio de 2013

jquery dataTable: filtrar solo cuando se presiona enter para no saturar el servidor de base de datos

modificar en jquery.dataTables.js por la linea 2071 (estoy en datatable 1.9.3)





jqFilter.bind( 'keyup.DT', function(e) {
  var val = this.value==="" ? "" : this.value; // mental IE8 fix :-(
  
  if(val.length != 0 && e.keyCode != 13) { return; } //rck 17/07/2013


con esto no mataremos tanto al servidor de base de datos.
saludos


lunes, 21 de mayo de 2012

jQuery: DataTables test edicion dinamica

var giCount = 1;
var  oTable;

$(document).ready(function() {
    oTable = $('#example').dataTable({
        "aaData": [
            [ "Webkit", "Safari 2.0", "OSX.4+", 419.3, "A" ],
            [ "Webkit", "Safari 3.0", "OSX.4+", 522.1, "A" ]
        ]
    
    });
  
 console.log(oTable);
} );
 
function fnClickAddRow() {
    oTable.fnAddData( [
        giCount+".1",
        giCount+".2",
        giCount+".3",
        giCount+".4",
        giCount+".5" ] );
     
    giCount++;
}


 function redibujarTabla(){
   var arrDatos = [
               [ "Trident", "Internet Explorer 6.0", "Win 98+", 6, "A" ],
            [ "Trident", "Internet Explorer 7.0", "Win XP SP2+", 7, "A" ]
        ];
   
   console.log(arrDatos);
   oTable.fnClearTable();   
   
   
   for(var i=0;i<arrDatos.length;i++){
      console.log(arrDatos[i]);
     oTable.fnAddData(arrDatos[i]);
   }     
  
 }  


function vaciarTabla(){
     oTable.fnClearTable();   
  }

function cambiarDatos(){
     oTable.fnUpdate( ['a', 'b', 'c', 'd', 'e'], 1, 0 ); // Row
   
  }

function recargarDatos(){
   // fnReloadAjax()
 }

Test Online:
http://live.datatables.net/ikoxog/6/edit