Пожалуйста, как мне отредактировать этот код, чтобы он отображал селектор строк страниц для таблицы, содержащей до 200 000 записей? - PullRequest
Новая
       1

Пожалуйста, как мне отредактировать этот код, чтобы он отображал селектор строк страниц для таблицы, содержащей до 200 000 записей?

0 голосов
/ 08 сентября 2018

Добрый день.

Пожалуйста, мне нужна ваша помощь. Я работал над веб-проектом PHP MySQL, и все идет хорошо. Тем не менее, у меня есть данные, которые, кажется, работают со сбоями.

Код, приведенный ниже, относится к данным, полученным с этого сайта https://www.webslesson.info/2016/10/datatables-jquery-plugin-with-php-mysql-and-bootstrap.html.

Таблица данных работает хорошо и правильно отображает окно поиска, навигацию по страницам и селектор строки строки (10, 25, 50, 100) для таблиц с менее чем 100 записями, но каждый раз, когда я подключаю его к таблице с более чем 200000 записей, таблица неисправностей. То есть он скрывает окно поиска, навигацию по страницам и селектор строк, а затем бесконечно загружает записи.

Мой вопрос сейчас заключается в том, как заставить селектор строк страницы (10, 25, 50, 100) работать должным образом, чтобы независимо от количества записей в таблице, страница загружала 10 записей по умолчанию. , показать окно поиска и кнопки навигации по страницам внизу таблицы .

Спасибо 

 <script>  
 $(document).ready(function(){  
      $('#employee_data').DataTable();  
 });  
 </script>  
 <?php  
 $connect = mysqli_connect("localhost", "root", "", "blog_samples");  
 $query ="SELECT * FROM tbl_employee ORDER BY ID DESC";  
 $result = mysqli_query($connect, $query);  
 ?>  
 <!DOCTYPE html>  
 <html>  
      <head>  
           <title>Webslesson Tutorial | Datatables Jquery Plugin with Php MySql and Bootstrap</title>  
           <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.0/jquery.min.js"></script>  
           <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css" />  
           <script src="https://cdn.datatables.net/1.10.12/js/jquery.dataTables.min.js"></script>  
           <script src="https://cdn.datatables.net/1.10.12/js/dataTables.bootstrap.min.js"></script>            
           <link rel="stylesheet" href="https://cdn.datatables.net/1.10.12/css/dataTables.bootstrap.min.css" />  
      </head>  
      <body>  
           <br /><br />  
           <div class="container">  
                <h3 align="center">Datatables Jquery Plugin with Php MySql and Bootstrap</h3>  
                <br />  
                <div class="table-responsive">  
                     <table id="employee_data" class="table table-striped table-bordered">  
                          <thead>  
                               <tr>  
							        <td>ID</td> 
                                    <td>Name</td>  
                                    <td>Address</td>  
                                    <td>Gender</td>  
                                    <td>Designation</td>  
                                    <td>Age</td>  
									<td data-sortable="false">Action</td>  									
                               </tr>  
                          </thead>  
                          <?php  
                          while($row = mysqli_fetch_array($result))  
                          {  
                               echo '  
                               <tr>                                      
									<td>'.$row["tin_id"].'</td>  									
									<td>'.$row["name"].'</td>  
                                    <td>'.$row["address"].'</td>  
                                    <td>'.$row["gender"].'</td>  
                                    <td>'.$row["designation"].'</td>  
                                    <td>'.$row["age"].'</td>  
									<td>button</td>    									
                               </tr>  
                               ';  
                          }  
                          ?>  
                     </table>  
                </div>  
           </div>  
      </body>  
 </html>

Это было замечательное время обучения.

Между тем, мне очень жаль, что я не вернулся, поскольку оставил ответ на этот вопрос.

Мне удалось решить эту проблему, создав пользовательскую сторону сервера. Код слишком длинный для меня, чтобы вставить его здесь. Тем не менее, для тех, у кого есть проблемы, пожалуйста, перейдите по этой ссылке https://www.webslesson.info/2017/01/php-pdo-ajax-crud-with-data-tables-and-bootstrap-modals.html. Скопируйте коды в редактор PHP, перепишите коды в соответствии с вашим случаем, и вы готовы идти.

Строки кода легко понять!

Наслаждайтесь!

Ответы [ 2 ]

0 голосов
/ 29 января 2019

Чтобы добавить селектор строки страницы для таких значений, как 100, 250, 500, 1000, в мою таблицу данных, я добавляю следующую строку кодов: 

     **"aLengthMenu": [[10, 50, 100, 250, 500, 1000], [100, 250, 500, 1000]],
     "iDisplayLength": 10**

к моему сценарию. "iDisplayLength": 100 будет значением по умолчанию 

 <script>  
 $(document).ready(function(){  
      $('#employee_data').DataTable();
     **"aLengthMenu": [[10, 50, 100, 250, 500, 1000], [10, 50, 100, 250, 500, 1000]],
     "iDisplayLength": 10**
 });  
 </script>
0 голосов
/ 27 сентября 2018

После всех попыток добавить серверную часть кнопками, как я хотел, я не смог, поэтому я прибег к использованию этого PHP-CODEIGNITER-DATATABLE-SERVERSIDE-CRUD-AJAX, как видно по ссылке https://github.com/ahmadsolehin/PHP-CODEIGNITER-DATATABLE-SERVERSIDE-CRUD-AJAX.

Обратите внимание, что добавление серверного ajax-кода в мою предыдущую таблицу приведет к главной проблеме. Основной проблемой было добавление кнопки рядом. Я не мог этого сделать, отсюда и необходимость перемен.

Вы можете скачать его, сделать несколько настроек и запустить его. Мои 300 000 записей работают достаточно хорошо, и я в порядке с этим.

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.

Нет похожих вопросов

...