jquerypage分页插件怎么使用
如何使用: $("#page").Page({ totalPages: 14,//total Pages liNums: 7,//the li numbers(advice use odd) activeClass: 'activP', //active class style firstPage: '首页',//first button name lastPage: '末页',//last button name prv: '?',//prev button name next: '?',//next button name hasFirstPage: true,//whether has first button hasLastPage: true,//whether has last button hasPrv: true,//whether has prev button hasNext: true,//whether has next button callBack : function(page){ //callBack function,page:active page } });
jquery前端ui框架有哪些
根据调查得知,现在市场中的UI框架差不多40个左右,不知大家都习惯性的用哪个框架,现在市场中有几款UI框架稍微的成熟一些,也是大家比较喜欢的一种UI框架,那应该是jQuery,有部分UI框架都是根据jQuery研发出来的产品,现在也很常见了。
国产jQuery UI框架 (jUI) DWZ
jQuery 部件布局插件 Gridstack
QUICK UI
jQuery的UI组件 EasyUI
jQuery UI 组件库 PrimeUI
jQuery的界面插件 Ninja UI
利用jquery写一个简单的异步分页插件
包括常用的加载失败重试,参数可配置是否能手动输入页码,设置按钮数目,可以调用多个page等等,调用代码很简便具体jquery.kun_page.js:样式kun_page.css:样式和动画都可以自己修改(好吧,动画效果很朴素,闹哪样,明明想了很久好吗)pageChange事件里面也没有过多的其他处理,比如我们公司前后台处理json就有一套方案,ajax提交的参数也有处理所以若有需求,完全可以在我的代码上再封装一层
如何使用jqueryeasyui分页插件
1,引入必要的js,css文件。2,在html页面添加:
3,添加easyui分页插件到div中: $('#pp').pagination({ total:articleJSONArr.length,//总的记录数 pageSize:10,//每页显示的大小。 pageList: [10,20,50,100],//选择每页显示的记录数的下拉框的值。 onSelectPage: function(pageNumber, pageSize){//选择相应的页码时刷新显示内容列表。 //把请求的内容放入panel中。 var html=""; articleJSONArr.length/pageSize;//页数。 //i 开始的记录数 for(var i=(pageNumber-1)*pageSize; iarticleJSONArr.length? articleJSONArr.length:pageNumber*pageSize); i++) //遍历json; { html += "" + articleJSONArr[i]["数据库入库时间"] + "
" + articleJSONArr[i]['文章标题'] + "
"; html += " "; } $("#pagecontent").html(html); //$("#frArticleDiv").prepend(html); //$('#content').panel('refresh', 'show_content.php?page='+pageNumber); }
还没有评论,来说两句吧...