mitchiee1226 Ответов: 3

Пагинация не работает. Как решить?

Я балую эту проблему уже 3 дня. Кто-нибудь может мне помочь?

Я использую эти плагины в своем .файл ASPX:

<script src="js/external/ajax/json2.js" type="text/javascript"></script>
<script src="js/external/ajax/prototype.js" type="text/javascript"></script>

<script src="js/external/jquery/jquery-1.9.1.js" type="text/javascript"></script>
<script type="text/javascript" src="js/external/jquery.js"></script>

<script src="js/ajaxfunctions/orderstatus.js" type="text/javascript"></script>
<script src="js/ajaxfunctions/ajaxfunctions.js" type="text/javascript"></script>

<script src="js/external/jquery/jquery-ui.js" type="text/javascript"></script>
<script src="js/external/dataTable/jquery.dataTables.js" type="text/javascript"></script>


И я хочу добавить к таблице разбиение на страницы. Вот некоторые из jQuery на этой странице:

jQuery.noConflict();
        jQuery(function () {
            jQuery("#datepicker").datepicker({
                changeMonth: true,
                changeYear: true
            });
        });
        jQuery(document).ready(function() {
				jQuery('#statusTable').dataTable();
			});
        jQuery(window).load(function () {
            initializeComponents();
        });


Я не знаю, почему это не работает. Пожалуйста, не стесняйтесь задавать больше вопросов об этой проблеме. Заранее спасибо.

3 Ответов

Рейтинг:
9

kalsa

См. этот пример.



<!DOCTYPE html>   
<html lang="en">   
<head>   
<meta charset="utf-8">   
<title>Example of Employee Table with twitter bootstrap</title>   
<meta name="description" content="Creating a Employee table with Twitter Bootstrap. Learn with example of a Employee Table with Twitter Bootstrap.">  
<link href="http://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css" rel="stylesheet">   
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
<link rel="stylesheet" href="http://cdn.datatables.net/1.10.2/css/jquery.dataTables.min.css"></style>
<script type="text/javascript" src="http://cdn.datatables.net/1.10.2/js/jquery.dataTables.min.js"></script>
<script type="text/javascript" src="http://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/js/bootstrap.min.js"></script>
</head>  
<body style="margin:20px auto">  
<div class="container">
<div class="row header" style="text-align:center;color:green">
<h3>Bootstrap Table With sorting,searching and paging using dataTable.js (Responsive)</h3>
</div>
<table id="myTable" class="table table-striped" >  
        <thead>  
          <tr>  
            <th>ENO</th>  
            <th>EMPName</th>  
            <th>Country</th>  
            <th>Salary</th>  
          </tr>  
        </thead>  
        <tbody>  
          <tr>  
            <td>001</td>  
            <td>Anusha</td>  
            <td>India</td>  
            <td>10000</td>  
          </tr>  
          <tr>  
            <td>002</td>  
            <td>Charles</td>  
            <td>United Kingdom</td>  
            <td>28000</td>  
          </tr>  
          <tr>  
            <td>003</td>  
            <td>Sravani</td>  
            <td>Australia</td>  
            <td>7000</td>  
          </tr>  
		   <tr>  
            <td>004</td>  
            <td>Amar</td>  
            <td>India</td>  
            <td>18000</td>  
          </tr>  
          <tr>  
            <td>005</td>  
            <td>Lakshmi</td>  
            <td>India</td>  
            <td>12000</td>  
          </tr>  
          <tr>  
            <td>006</td>  
            <td>James</td>  
            <td>Canada</td>  
            <td>50000</td>  
          </tr>  
		  
		   <tr>  
            <td>007</td>  
            <td>Ronald</td>  
            <td>US</td>  
            <td>75000</td>  
          </tr>  
          <tr>  
            <td>008</td>  
            <td>Mike</td>  
            <td>Belgium</td>  
            <td>100000</td>  
          </tr>  
          <tr>  
            <td>009</td>  
            <td>Andrew</td>  
            <td>Argentina</td>  
            <td>45000</td>  
          </tr>  
		  
		    <tr>  
            <td>010</td>  
            <td>Stephen</td>  
            <td>Austria</td>  
            <td>30000</td>  
          </tr>  
          <tr>  
            <td>011</td>  
            <td>Sara</td>  
            <td>China</td>  
            <td>750000</td>  
          </tr>  
          <tr>  
            <td>012</td>  
            <td>JonRoot</td>  
            <td>Argentina</td>  
            <td>65000</td>  
          </tr>  
        </tbody>  
      </table>  
	  </div>
</body>  
<script>
$(document).ready(function(){
    $('#myTable').dataTable();
});
</script>
</html>

Рейтинг:
25

Mulla Rameez

Сначала добавьте файлы скриптов jQuery :




Добавление css-файлов JqueryUI


другой сценарий :








Кодирование Jquery, которое вы сделали, кажется правильным...

mitchiee1226

Я добавил сценарии в правильном порядке. Вот css-файлы в моем файле. aspx:

<ссылка отн="стилей" с href="css или таблицы стилей.Усс" /&ГТ;
<ссылка отн="стилей" с href="css с/начальной загрузки.ПТК" тип="текст/CSS в"/&ГТ;
<ссылка отн="стилей" с href="css или загрузочный реагирует.мин.ПТК" тип="текст/CSS в" /&ГТ;
<ссылка отн="стилей" с href="css или загрузочный реагирует.ПТК" тип="текст/CSS в" /&ГТ;
& lt;link rel= "stylesheet" href=" css/jquery-ui.css "type=" text/css " /> < - - - похоже, это тот самый файл JqueryUI, который вы ищете.
<ссылка отн="стилей" с href="css или таблицы DataTable/demo_page.ПТК" тип="текст/CSS в"/&ГТ;
<ссылка отн="стилей" с href="css или таблицы DataTable/demo_table.ПТК" тип="текст/CSS в"/&ГТ;

Mulla Rameez

Скрипты или Css-файлы
который вы добавили первым.

mitchiee1226

К тому, что показано в комментарии, это последовательность того, как я его добавил.

Рейтинг:
20

jqueryaspnet

Разбиение на страницы часто настраивается с помощью серверных языков программирования, таких как PHP, ASP.NET, и Ява . Основное преимущество использования серверного решения заключается в том, что веб-странице не нужно загружать все записи сразу; они загружаются только тогда, когда пользователь запрашивает их. Вы можете использовать jQuery для настройки разбиения на страницы, но я рекомендую делать это для разбиения на страницы только тех результатов, которые не являются тяжелыми ( там, где есть более 100 результатов), что может значительно сократить время загрузки страницы.

Если ваши навыки достаточно развиты, вы можете создать jQuery, который загружает только 10 результатов, и каждый раз при нажатии на страницу этот контент загружается через Ajax и вставляется на текущую страницу.

Ссылаться : разбиение на страницы с помощью примера jquery