Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> jquery datatables, edycja tabeli
Tomasz7755
post
Post #1





Grupa: Zarejestrowani
Postów: 5
Pomógł: 0
Dołączył: 10.07.2016

Ostrzeżenie: (0%)
-----

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 
  1. <!DOCTYPE html>
  2.  
  3.  
  4. <html>
  5. <head>
  6.     <title></title>
  7.     <meta charset="UTF-8">
  8.     <meta name="viewport" content="width=device-width, initial-scale=1.0">
  9.  
  10.     <link rel="stylesheet" href="css/jquery.dataTables.min.css" >
  11.     <link rel="stylesheet" href="css/buttons.dataTables.min.css" >
  12.     <link rel="stylesheet" href="css/select.dataTables.min.css" >
  13.     <link rel="stylesheet" href="css/editor.dataTables.min.css" >
  14.  
  15.     <script src="js/jquery.js"></script>
  16.     <script src="js/jquery.dataTables.min.js"></script>
  17.     <script src="js/dataTables.buttons.min.js"></script>
  18.     <script src="js/dataTables.select.min.js"></script>
  19.     <script src="js/dataTables.editor.min.js"></script>
  20.  
  21.     <script>
  22.         var editor; // use a global for the submit and return data rendering in the examples
  23.  
  24.         $(document).ready(function() {
  25.             editor = new $.fn.dataTable.Editor( {
  26.                 table: "#example",
  27.                 fields: [ {
  28.                         label: "First name:",
  29.                         name: "first_name"
  30.                     }, {
  31.                         label: "Last name:",
  32.                         name: "last_name"
  33.                     }, {
  34.                         label: "Position:",
  35.                         name: "position"
  36.                     }, {
  37.                         label: "Office:",
  38.                         name: "office"
  39.                     }, {
  40.                         label: "Extension:",
  41.                         name: "extn"
  42.                     }, {
  43.                         label: "Start date:",
  44.                         name: "start_date",
  45.                         type: "datetime"
  46.                     }, {
  47.                         label: "Salary:",
  48.                         name: "salary"
  49.                     }
  50.                 ]
  51.             } );
  52.  
  53.             $('#example').DataTable( {
  54.  
  55.                 select: true,
  56.                 buttons: [
  57.                     { extend: "create", editor: editor },
  58.                     { extend: "edit",   editor: editor },
  59.                     { extend: "remove", editor: editor }
  60.                 ]
  61.             } );
  62.         } );
  63.     </script>
  64. </head>
  65. <body>
  66.     <table id="example" class="display" cellspacing="0" width="100%">
  67.     <thead>
  68.         <tr>
  69.             <th>Name</th>
  70.             <th>Position</th>
  71.             <th>Office</th>
  72.             <th>Extn.</th>
  73.             <th>Start date</th>
  74.             <th>Salary</th>
  75.         </tr>
  76.     </thead>
  77.     <tfoot>
  78.         <tr>
  79.             <th>Name</th>
  80.             <th>Position</th>
  81.             <th>Office</th>
  82.             <th>Extn.</th>
  83.             <th>Start date</th>
  84.             <th>Salary</th>
  85.         </tr>
  86.     </tfoot>
  87.     <tbody>
  88.         <tr>
  89.             <td>Airi Satou</td>
  90.             <td>Accountant</td>
  91.             <td>Tokyo</td>
  92.             <td>5407</td>
  93.             <td>2008-11-28</td>
  94.             <td>$162,700</td>
  95.         </tr>
  96.         <tr>
  97.             <td>Brenden Wagner</td>
  98.             <td>Software Engineer</td>
  99.             <td>San Francisco</td>
  100.             <td>1314</td>
  101.             <td>2011-06-07</td>
  102.             <td>$206,850</td>
  103.         </tr>
  104.         <tr>
  105.             <td>Brielle Williamson</td>
  106.             <td>Integration Specialist</td>
  107.             <td>New York</td><td>4804</td>
  108.             <td>2012-12-02</td>
  109.             <td>$372,000</td>
  110.         </tr>
  111.     </tbody>
  112. </table>
  113. </body>
[HTML] pobierz, plaintext


Moze wiecie gdzie lezy przyczyna bledu? (IMG:style_emoticons/default/smile.gif)

Ten post edytował Tomasz7755 13.07.2016, 21:52:49
Go to the top of the page
+Quote Post
 
 Start new topic
Odpowiedzi
Tomasz7755
post
Post #2





Grupa: Zarejestrowani
Postów: 5
Pomógł: 0
Dołączył: 10.07.2016

Ostrzeżenie: (0%)
-----

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 ?:-)
Go to the top of the page
+Quote Post

Posty w temacie
- Tomasz7755   jquery datatables, edycja tabeli   13.07.2016, 21:51:42
- - emstawicki   Może od rzeczy prostej. Upewniłeś się czy wszystki...   14.07.2016, 07:11:19
- - Tomasz7755   Jasne, zarowno pliki js jak i css sa wczytywane ta...   14.07.2016, 16:52:26
- - trueblue   Nic innego (inny błąd) w konsoli się nie wyświetla...   14.07.2016, 17:07:40
- - Tomasz7755   Dostaje jeszcze informacje o tym, zeby nie kopiowa...   14.07.2016, 17:25:36
- - trueblue   https://datatables.net/forums/discussion/34...r#Co...   14.07.2016, 17:44:59
- - Tomasz7755   dzieki, czyli widze ze trzeba pobrac ten plik z we...   14.07.2016, 17:54:54
- - trueblue   https://editor.datatables.net/purchase/   14.07.2016, 17:59:12

« Następny starszy · JavaScript · Następny nowszy »
 

Reply to this topicStart new topic
2 Użytkowników czyta ten temat (2 Gości i 0 Anonimowych użytkowników)
0 Zarejestrowanych:

 

Tryb wyświetlania: Przełącz na: Standardowy · Przełącz na: Linearny+ · Drzewo

Śledź ten temat · Wyślij temat na e-mail · Wydrukuj ten temat · Subskrybuj to forum

RSS Aktualny czas: 16.10.2025 - 12:11
Powered By IP.Board © 2025  IPS, Inc.
All changes by PHP.pl Administrators
Hosting zapewnia NQ.pl hosting, trac, svn