Forum PHP.pl > jquery datatables, edycja tabeli

Pomoc - Szukaj - Użytkownicy - Kalendarz

Pełna wersja: jquery datatables, edycja tabeli

Forum PHP.pl > Forum > Po stronie przeglądarki > JavaScript

Tomasz7755

13.07.2016, 21:51:42

czesc

Chcialbym przelozyc przyklad z tego linka: https://editor.datatables.net/examples/simple/multiRow.html

Jednak chcialbym aby dane byly pobierane z tabeli HTML, nie z ajaxa.
Dostaje niestety komunikat: TypeError: $.fn.dataTable.Editor is not a constructor

Moj kod :

[HTML] pobierz, plaintext 
<!DOCTYPE html>
 
 
<html>
<head>
    <title></title>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
 
    <link rel="stylesheet" href="css/jquery.dataTables.min.css" >
    <link rel="stylesheet" href="css/buttons.dataTables.min.css" >
    <link rel="stylesheet" href="css/select.dataTables.min.css" >
    <link rel="stylesheet" href="css/editor.dataTables.min.css" >
 
    <script src="js/jquery.js"></script>
    <script src="js/jquery.dataTables.min.js"></script>
    <script src="js/dataTables.buttons.min.js"></script>
    <script src="js/dataTables.select.min.js"></script>
    <script src="js/dataTables.editor.min.js"></script>
 
    <script>
        var editor; // use a global for the submit and return data rendering in the examples
 
        $(document).ready(function() {
            editor = new $.fn.dataTable.Editor( {
                table: "#example",
                fields: [ {
                        label: "First name:",
                        name: "first_name"
                    }, {
                        label: "Last name:",
                        name: "last_name"
                    }, {
                        label: "Position:",
                        name: "position"
                    }, {
                        label: "Office:",
                        name: "office"
                    }, {
                        label: "Extension:",
                        name: "extn"
                    }, {
                        label: "Start date:",
                        name: "start_date",
                        type: "datetime"
                    }, {
                        label: "Salary:",
                        name: "salary"
                    }
                ]
            } );
 
            $('#example').DataTable( {
 
                select: true,
                buttons: [
                    { extend: "create", editor: editor },
                    { extend: "edit",   editor: editor },
                    { extend: "remove", editor: editor }
                ]
            } );
        } );
    </script>
</head>
<body>
    <table id="example" class="display" cellspacing="0" width="100%">
    <thead>
        <tr>
            <th>Name</th>
            <th>Position</th>
            <th>Office</th>
            <th>Extn.</th>
            <th>Start date</th>
            <th>Salary</th>
        </tr>
    </thead>
    <tfoot>
        <tr>
            <th>Name</th>
            <th>Position</th>
            <th>Office</th>
            <th>Extn.</th>
            <th>Start date</th>
            <th>Salary</th>
        </tr>
    </tfoot>
    <tbody>
        <tr>
            <td>Airi Satou</td>
            <td>Accountant</td>
            <td>Tokyo</td>
            <td>5407</td>
            <td>2008-11-28</td>
            <td>$162,700</td>
        </tr>
        <tr>
            <td>Brenden Wagner</td>
            <td>Software Engineer</td>
            <td>San Francisco</td>
            <td>1314</td>
            <td>2011-06-07</td>
            <td>$206,850</td>
        </tr>
        <tr>
            <td>Brielle Williamson</td>
            <td>Integration Specialist</td>
            <td>New York</td><td>4804</td>
            <td>2012-12-02</td>
            <td>$372,000</td>
        </tr>
    </tbody>
</table>
</body>
[HTML] pobierz, plaintext

Moze wiecie gdzie lezy przyczyna bledu?

emstawicki

14.07.2016, 07:11:19

Może od rzeczy prostej. Upewniłeś się czy wszystkie pliki js wczytują się prawidłowo?

Tomasz7755

14.07.2016, 16:52:26

Jasne, zarowno pliki js jak i css sa wczytywane tak jak trzeba. Sprawdzilem to otwierajac zrodlo strony i klikajac na kazdy po kolei.

Znalazlem inny przyklad, taki ktory potrzebuje, skopiowalem wszystko identycznie jak jest na stronie jednak dalej mi wyrzuca ze "$.fn.dataTable.Editor is not a constructor"

Link do przykladu : https://editor.datatables.net/examples/adva.../htmlTable.html

Moze ktos z was sprawdzi i ogarnie co jest nie tak ?:-)

trueblue

14.07.2016, 17:07:40

Nic innego (inny błąd) w konsoli się nie wyświetla?

Tomasz7755

14.07.2016, 17:25:36

Dostaje jeszcze informacje o tym, zeby nie kopiowac tego pliku na lokalny dysk:
uncaught exception: DataTables Editor - remote hosting of code not allowed. Please see http://editor.datatables.net for details on how to purchase an Editor license

Wiec zmienilem sciezke z mojego dysku na link do strony datatables: https://editor.datatables.net/extensions/Ed...s.editor.min.js

jednak dalej jest to samo

trueblue

14.07.2016, 17:44:59

https://datatables.net/forums/discussion/34...r#Comment_92490

Tomasz7755

14.07.2016, 17:54:54

dzieki, czyli widze ze trzeba pobrac ten plik z wersja trial. Tylko nigdzie ,nie widze informacji o cenie po okresie 15 dni, wiesz moze gdzie ona sie znajduje ?

trueblue

14.07.2016, 17:59:12

https://editor.datatables.net/purchase/

To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.