• [^] # Re: editablegrid

    Posté par . En réponse au message gestion collaborative en php de base de données mysql. Évalué à 3. Dernière modification le 13 avril 2014 à 18:57.

    c'est quoi pour toi la pagination ?

    dans le cas de mon usage, la pagination c'est sous le tableau :
    <<|<|1|2|3|>|>>

    elle se calcule automatiquement avec le nombre de ligne divisée par le nombre de ligne par page (en haut à droite)

    dnas le code de l'example,il manque en effet le index.html qui contiendrait les appels aux autres fichiers, et les div qui seront ensuite remplies par le javascript.

    voici ce que j'avais, il faut surement adapter les chemins car j'avais regrouper editablegrid et ses fichiers communs dans un dossier includes/
    pour ensuite avoir juste mes fichiers de mon projet à la racine de mon dossier de travail

    <html>
 <head>
 <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
 <title>demo editablegrid</title>
 <!-- include javascript and css files for the EditableGrid library -->
 <script src="includes/editablegrid/editablegrid-2.0.1.js"></script>
 <link rel="stylesheet" href="includes/editablegrid/editablegrid-2.0.1.css" type="text/css" media="screen">
 <!-- include javascript and css files for jQuery, needed for the datepicker and autocomplete extensions -->
 <script src="includes/jquery/jquery-1.6.4.min.js" ></script>
 <script src="includes/jquery/jquery-ui-1.8.16.custom.min.js" ></script>
 <link rel="stylesheet" href="includes/jquery/jquery-ui-1.8.16.custom.css" type="text/css" media="screen">
 <!-- include javascript and css files for the autocomplete extension -->
 <script src="includes/autocomplete/autocomplete.js" ></script>
 <link rel="stylesheet" href="includes/autocomplete/autocomplete.css" type="text/css" media="screen">
 <!-- include javascript and css files for this demo -->
 <script src="demo.js" ></script>
 <link rel="stylesheet" type="text/css" href="css/demo.css" media="screen"/>
 <script type="text/javascript">
 window.onload = function() { 
 // you can use "datasource/demo.php" if you have PHP installed, to get live data from the demo.csv file
 //editableGrid.onloadXML("datasource/demo.xml"); 
 editableGrid.onloadXML("loaddata.php"); 
 }; 
 </script>
 </head>
 <body>
 <div id="wrap">
 <h1>Demo editablegrid</a></h1>
 <!-- Feedback message zone -->
 <div id="message"></div>
 <!-- Number of rows per page and bars in chart -->
 <div id="pagecontrol">
 <label for="pagecontrol">Rows per page: </label>
 <select id="pagesize" name="pagesize">
 <option value="5">5</option>
 <option value="10">10</option>
 <option value="15">15</option>
 <option value="20">20</option>
 <option value="25">25</option>
 <option value="30">30</option>
 <option value="40">40</option>
 <option value="50">50</option>
 </select>
 </div>
 <!-- Grid filter -->
 <label for="filter">Filter :</label>
 <input type="text" id="filter"/>
 <!-- Grid contents -->
 <div id="tablecontent"></div>
 <!-- Paginator control -->
 <div id="paginator"></div>
 </div>
 </body>
</html>