如何在分页中添加项目?

时间:2018-09-10 00:19:25

标签: javascript asp.net pagination

我已经下载了用于分页的JS,但是我不知道如何添加项目,只是显示任何一个请帮助。

<body>
<div id="wrapper">
<section>
    <div class="data-container"></div>
    <div id="pagination-demo1"></div>   
</section>
</div>
<!-- JS Started -->
<script src="http://code.jquery.com/jquery-1.8.2.min.js"></script>
<script src="../src/pagination.js"></script>
<script>
    $(function() {
 (function(name) {
 var container = $('#pagination-' + name);
 var sources = function () {
  var result = [];
  for (var i = 1; i < 196; i++) {
    result.push(i);
  }
  return result;
}();
var options = {
  dataSource: sources,
  callback: function (response, pagination) {
    window.console && console.log(response, pagination);
 <!-- item cause to show number but i want to know to to put text -->
    var dataHtml = '<ul>';
    $.each(response, function (index, item) {
      dataHtml += '<li>' + item + '</li>';
    });
    dataHtml += '</ul>';
container.prev().html(dataHtml);
  }
};
//$.pagination(container, options);
container.addHook('beforeInit', function () {
  window.console && console.log('beforeInit...');
});
container.pagination(options);
container.addHook('beforePageOnClick', function () {
  window.console && console.log('beforePageOnClick...');
  //return false
});
})('demo1');
 })
</script>

this is result in image

在项目中显示项应在某些列表引用中进行编辑,但仅显示数字顺序,请帮助我解决此问题或与我分享一些具有相似分页的链接(许多页面编号但显示一些)。 预先感谢。

0 个答案:

没有答案