DevProTalk

DevProTalk (http://www.devprotalk.com/index.php)
-   (X)HTML, JavaScript, DHTML, XML, CSS (http://www.devprotalk.com/forumdisplay.php?f=8)
-   -   DataTable destroy (http://www.devprotalk.com/showthread.php?t=11978)

mslavko 27. 02. 2015. 02:44

DataTable destroy
 
Koristim DataTable plugin i imam tabelu example

Moram da je 'unistim' pa sam napisao:

Kôd:

$('#example').dataTable().fnDestroy();
ali dobijam gresku:

Citat:

Uncaught TypeError: Cannot read property 'style' of undefined
also this I get in console log:enter image description here
Sta bi mogli biti ovde problem? Da li ko koristi datatable plugin?

Pokusao sami sa veliko 'D':
Kôd:

$('#example').DataTable().fnDestroy();
ali onda dobijam:

Citat:

Uncaught TypeError: undefined is not a function
Takodje: http://i.imgur.com/MbK13vr.png

Br@nkoR 27. 02. 2015. 10:20

https://datatables.net/reference/api/destroy()

mslavko 27. 02. 2015. 14:25

Problem je sto na ostalim stranama ova funcija radi samo na jednoj ne, a ne znam razlog

Br@nkoR 27. 02. 2015. 16:17

Postavi link do te stranice, kod ili postavi npr. na jsfiddle ili neki drugi servis.

mslavko 27. 02. 2015. 16:34

Kôd:

var ajdi = 0;
var ajdipar = 0;
var akt ='';
$(document).ready(function() {
    drawVisualization();
 
    });
function drawVisualization() {
   
              $('#example').DataTable({
                            "ajax": {
            "url": 'getFin.php',
            "type": 'POST',
            "dataSrc": function (json) {
                if(!json.data){
             
            $('#myModal').modal('show');
            //$('.analize').hide();
            json.data = [];
        }
                return json.data;
            }
        },
                    paging: false,
                    //"dom":' <"search"f><"top"l>rt<"bottom"ip><"clear">',
                    "oLanguage": {
    "sInfo": 'Ukupno _END_ transakcija.',
    "sInfoEmpty": 'Nema zabelezenih transakcija',
    "sEmptyTable": "Nema transakcija, dodajte klikom na dugme 'Dodaj kupoprodaju'.",
},
                    "columns": [{
                            "data": "ID"
                        }, {
                            "data": "datum"
                        },
                        {
                            "data": "datum_dospeca"
                        },{
                            "data": "aktivnost"
                        },
                       
                        {
                            "data": "vrsta"
                        },
                        {
                            "data": "artikl"
                        },
                       
                        {
                            "data": "6"
                        },
                        {
                            "data": "7"
                        },{
                            "data": "8"
                        },
                        {
                            "data": "dobavljac"
                        },
                        {
                            "data": "nacin_placanja"
                        },
                        {
                            "data": "skladiste"
                        },
                        {
                            "data": "akcija"
                        },
                        {
                            "data": "jmere"
                        },
                        {
                            "data": "porez"
                        },
                        {
                            "data": "opis"
                        }
                    ],
                    "fnFooterCallback": function (nRow, aasData, iStart, iEnd, aiDisplay) {

        var columnas = [6, 7, 8]; //the columns you wish to add           
        for (var j in columnas) {
            var columnaActual = columnas[j];
            var total = 0;
            for (var i = iStart; i < iEnd; i++) {
                total = total + parseFloat(aasData[aiDisplay[i]][columnaActual]);
            }
            $($(nRow).children().get(columnaActual-1)).html(total);

        }
    },
                    "columnDefs": [
                            {
                        "targets": [0,13,14,15],
                        "visible":false
                            },
                        {
                        "targets": 12,
                        "data": "akcija",
                        "render": function(data, type, full, meta) {
                            // return data;
                            return '<div style="float:right;"><button class="btn btn-info troskovnik" data-toggle="modal" data-target="#update">Detalji...</button> <i  data-toggle="modal" data-target="#delete" class="fa fa-times"></i></div>';
                        }
                            },
                              {
                        "targets": 3,
                        "data": "aktivnost",
                        "render": function(data, type, full, meta) {
                            if (data=='prodaja') {
                            return '<button class="btn btn-success">'+data+'</button>';
                            } else if (data=='kupovina'){
                                                        return '<button class="btn btn-danger" >'+data+'</button>';

                            } else {
                                                        return '<button class="btn btn-info" >'+data+'</button>';

                            }
                           
                            }
                              }
                         
               
    ]
                });
           
            var dataTable = $('#example').dataTable();
    $("#searchbox").keyup(function() {
        dataTable.fnFilter(this.value);
    });
   
            };


 $(document).ready(function(){
 var oTable =  $('#example'). dataTable();
 
$('#example').on('click', 'tr', function(){
    var oData = oTable.fnGetData(this);
    console.log(oData.ID);
    ajdi = oData.ID;
    $('#naziv1').val(oData.naziv);
    $('#ha1').val(oData.ha);
    $('#ar1').val(oData.ar);
    $('#m21').val(oData.m2);
    $('#kultura1').val(oData.kat_kul);
    $('#osnov1').val(oData.osnov);
    $('#lokacija1').val(oData.lokacija);
    $('#opis1').val(oData.opis);
    $('#select2-kulb1-container').text(oData.planirana_kul);
});
$("#brisi").click(function() {

        $.ajax({
            url: "delete.php",
            type: "POST",
            async: true,
            data: { vrednostid:ajdi}, //your form data to post goes here as a json object
            dataType: "html",

            success: function(data) {
              $('#delete').modal('hide');
                $('#example').dataTable().fnDestroy();
                drawVisualization(); 
            },
            error: function(data) {
        console.log(data);
            }
        });
 
});
$('#myModal1').on('shown.bs.modal', function (e) {
 
    drawInputi();
   
});


    });

a HTML je:

Kôd:

<table id="example" class="table table-striped table-bordered table-responsitive" cellspacing="0" width="100%">
        <thead>
            <tr>
                <th>ID</th>
                <th>Datum</th>
                <th>Dospece</th>
                <th><i class="fa fa-random"></i></th>
                <th>Vrsta</th>
                <th>Artikl</th>
                <th>Kolicina</th>
                <th>Iznos</th>
                <th>Placeno</th>
                <th>Kome/Od koga</th>
                <th>Placanje</th>
                <th>Skladiste</th>
                <th></th>
            </tr>
        </thead>
 
        <tfoot>
            <tr>
              <th>ID</th>
                <th>Datum</th>
                <th>Dospece</th>
                <th><i class="fa fa-random"></i></th>
                <th>Vrsta</th>
                <th>Artikl</th>
                <th>Kolicina</th>
                <th>Iznos</th>
                <th>Placeno</th>
                <th>Kome/Od koga</th>
                <th>Placanje</th>
                <th>Skladiste</th>
                <th></th>
            </tr>
        </tfoot>
    </table>


mslavko 27. 02. 2015. 17:41

Takodje getFin.php generise JSON podatke:

Citat:

{"data":[{"ID":1,"aktivnost":"prodaja","vrsta":"Kultura","a rtikl":"psenica","6":"222 Kg","7":290,"dobavljac":"M. Milic","datum":"2014-04-24","datum_dospeca":"2015-02-03","8":288,"nacin_placanja":"gotovinsko","skladis te":"Novo skladiste","jmere":"Kg","porez":20,"opis":"Prodaja robe bla bla bla"},{"ID":14,"aktivnost":"Odaberi","vrsta":"","a rtikl":"","6":"0 kom","7":0,"dobavljac":"","datum":"2015-03-06","datum_dospeca":"0000-00-00","8":0,"nacin_placanja":"gotovinsko","skladiste ":"","jmere":"kom","porez":0,"opis":"Napomene o traksakciji"},{"ID":13,"aktivnost":"Odaberi","vrst a":"","artikl":"","6":"9 kom","7":9,"dobavljac":"","datum":"2015-03-06","datum_dospeca":"0000-00-00","8":9,"nacin_placanja":"gotovinsko","skladiste ":"","jmere":"kom","porez":0,"opis":"Napomene o traksakciji"},{"ID":12,"aktivnost":"Odaberi","vrst a":"","artikl":"","6":"55 kom","7":55,"dobavljac":"","datum":"2015-03-07","datum_dospeca":"0000-00-00","8":55,"nacin_placanja":"gotovinsko","skladist e":"","jmere":"kom","porez":0,"opis":"Napomene o traksakciji"},{"ID":11,"aktivnost":"Odaberi","vrst a":"","artikl":"","6":"7 kom","7":7,"dobavljac":"","datum":"2015-03-07","datum_dospeca":"0000-00-00","8":7,"nacin_placanja":"gotovinsko","skladiste ":"","jmere":"kom","porez":0,"opis":"Napomene o traksakciji"}]}
i sa njima je sve uredu

Br@nkoR 27. 02. 2015. 22:49

U columns imaš definisano 16 kolona, a u html kodu umaš 13, dodaj još 3 polja koja nedostaju.

Ili pogledaj npr.
http://stackoverflow.com/a/26483798

mslavko 28. 02. 2015. 08:12

Hvala PUNo! Nemogu da verujem kakvu sam gresku prevideo!


Vreme je GMT +2. Trenutno vreme je 18:31.

Powered by vBulletin® Verzija 3.6.8
Copyright ©2000 - 2017, Jelsoft Enterprises Ltd.
Copyright © DevProTalk. All Rights Reserved.

Mišljenja, saveti, izjave, ponude ili druge informacije ili sadržaji nastali na Sajtu su vlasništvo onoga ko ih je kreirao, a ne DevProTalk.com, tako da ne morate da se oslanjate na njih.
Autori poruka su jedini odgovorni za ovakve sadržaje. DevProTalk.com ne garantuje tačnost, kompletnost ili upotrebnu vrednost informacija, stavova, saveta ili datih izjava. Ne postoje uslovi pod kojima bi mi bili odgovorni za štetu ili gubitak koji je posledica bilo čijeg oslanjanja na nepouzdane informacije, ili bilo kakve informacije nastale kroz komunikaciju između registrovanih članova.
Web sajt može sadržavati linkove na druge web sajtove na Internetu ili neke druge sadržaje. Ne kontrolišemo niti podržavamo te druge web sajtove, niti smo pregledali bilo kakve sadržaje na takvim sajtovima. Mi nećemo biti odgovorni za legalnost, tačnost ili prikladnost bilo kog sadržaja, oglasa, proizvoda, usluga ili informacije lociranim na ili distribuiranih kroz druge web sajtove, niti za bilo kakvu štetu nastalu kao posledica takvih informacija. DevProTalk.com drži i čuva druga prava vlasništva na web sajtu. Web sajt sadrže materijale zaštićene copyright-om, zaštitne znakove i druge informacije o pravu vlasništva ili softver. Članovi mogu poslatu informacije zaštićene pravima vlasništva njihovih nosilaca i ona ostaju zaštićena bez obzira da li su oni koji prenose te informacije to naveli ili ne. Osim informacija koje su u javnom vlasništvu ili za koje dobijete dozvolu, nemate pravo da kopirate, modifikujete ili na bilo koji način menjate, objavljujete, prenosite, distribuirate, izvršavate, prikazujete ili prodajte bilo koju informaciju zaštićenu pravima vlasništva. Slanjem informacija ili sadržaja na bilo koji deo DevProTalk.com, Vi automatski dozvoljavate i predstavljate garanciju da imate pravo da dozvolite DevProTalk.com ili članovima DevProTalk.com bespovratnu, kontinualnu, neograničenu, globalnu dozvolu da koriste, kopiraju, izvršavaju, prikazuju i distribuiraju takve informacije i sadržaje i da iz takvih sadžaja koriste bilo koji deo u bilo koje svrhe, kao i pravo i dozvolu da koriste gore navedene sadržaje. Svi zaštitni znakovi (trademarks), logotipi, oznake usluga, firme ili imena proizvoda koji se pominju na ovom web sajtu su vlasništvo kojim raspolažu njihovi vlasnici.