var ajaxCommFunPage = function(url, data, callback) { jQuery.ajax({ type : "post", async: false, //dataType:'html', url : url, timeout: 30000, data : data, success : callback }); }; var asyncSubmit = function(formId){ var formObj = $('#'+formId); var asyncFlag = formObj.find("input[name='asyncFlag']").val(); var prefix = formObj.find("input[name='alias']").val(); var replaceId = formObj.find("input[name='replaceId']").val(); $('#currentPageHid_'+prefix).val(1); if(asyncFlag=='true'){ var url = getContextPath() + formObj.attr('action'); ajaxCommFunPage(url, formObj.serialize(), function(str){ var ss = $(str).find('#'+replaceId).html(); $('#'+replaceId).html(ss); }); }else{ formObj.submit(); } }; var search = function(json,currentPage, pageSize) { var formId = json["formId"]; var asyncFlag = json["asyncFlag"]; var prefix = json["prefix"]; var replaceId = json["replaceId"]; if(replaceId == null){ replaceId = json["formId"]; } $('#currentPageHid_'+prefix).val(currentPage); $('#pageSizeHid_'+prefix).val(pageSize); var formObj = $("#"+formId); var url = getContextPath() + formObj.attr('action'); if(asyncFlag){ ajaxCommFunPage(url, formObj.serialize(), function(str){ var ss = $(str).find('#'+replaceId).html(); $("#"+replaceId).html(ss); }); }else{ formObj.submit(); } }; function initPageTab(json){ initBaicPageByFM(json); }; var initBaicPageByFM=function (json){ var formId = json["formId"];//form表单的Id var divId = json["divId"];//form表单内分页标签的DIVId var asyncFlag = json["asyncFlag"];//刷新,无刷新标志 var prefix = json["prefix"];//分页标签的标志 var currentPage = json["currentPage"];//当前页 var totalPage = json["totalPage"];//一共多少页 var count = json["count"];//总数 var pageSize = json["pageSize"];//每页多少条 var replaceId = json["replaceId"];//需要替换的ID if(replaceId == null){ replaceId = json["formId"]; } //初始化页面 var str = $('#'+divId).html(); str = str.replace(/currentPageAlias/g,currentPage); str = str.replace(/totalPageAlias/g,totalPage); str = str.replace(/countAlias/g,count); str = str.replace(/pageSizeAlias/g,pageSize); str = str.replace(/asyncFlagAlias/g,asyncFlag); str = str.replace(/aliasAlias/g,prefix); str = str.replace(/replaceIdAlias/g,replaceId); str = str.replace(/prefix/g,prefix); var pageDiv = $('#'+divId); pageDiv.html(str); var pageStr = getPageSrc(currentPage,pageSize,totalPage,count); //设置页面 $('#pagingitem_'+prefix).html(pageStr); //设置总数 $('#totalpage_'+prefix).html(count); pageDiv.find('[tag=paging-action]').click(function() { search(json,std.oid(this),pageSize); }); pageDiv.find('#gotoNo_'+prefix).delegate(this,'click',function() { goToCurrPageBtn(json,pageSize,totalPage,'pageNo'); }); pageDiv.find('#pageNo_'+prefix).delegate(this,'keypress',function(e) { if (e && e.keyCode == 13) { goToCurrPageBtn(json,pageSize,totalPage,'pageNo'); } }); }; var initBaicPage=function (json){ var formId = json["formId"];//form表单的Id var divId = json["divId"];//form表单内分页标签的DIVId var asyncFlag = json["asyncFlag"];//刷新,无刷新标志 var prefix = json["prefix"];//分页标签的标志 var currentPage = json["currentPage"];//当前页 var totalPage = json["totalPage"];//一共多少页 var count = json["count"];//总数 var pageSize = json["pageSize"];//每页多少条 var replaceId = json["replaceId"];//需要替换的ID if(replaceId == null){ replaceId = json["formId"]; } //初始化页面 var str = $('#'+divId).html(); str = str.replace(/currentPageAlias/g,currentPage); str = str.replace(/totalPageAlias/g,totalPage); str = str.replace(/countAlias/g,count); str = str.replace(/pageSizeAlias/g,pageSize); str = str.replace(/asyncFlagAlias/g,asyncFlag); str = str.replace(/aliasAlias/g,prefix); str = str.replace(/replaceIdAlias/g,replaceId); str = str.replace(/prefix/g,prefix); $('#'+divId).html(str); //绑定事件 $('#firstPage_'+prefix).delegate(this,'click', function() { firstPage(json,1,pageSize); }); $('#prePage_'+prefix).delegate(this,'click', function() { prePage(json,currentPage,totalPage,pageSize); }); $('#nextPage_'+prefix).delegate(this,'click', function() { nextPage(json,currentPage,totalPage,pageSize); }); $('#finalPage_'+prefix).delegate(this,'click', function() { finalPage(json,totalPage,pageSize); }); $('#finalPage_'+prefix).delegate(this,'click', function() { finalPage(json,totalPage,pageSize); }); $('#goToCurrPageBtn_'+prefix).delegate(this,'click', function() { goToCurrPageBtn(json,pageSize,totalPage); }); $('#currPageIpt_'+prefix).delegate(this,'keypress', function(event) { if(event.keyCode == "13") { goToCurrPageBtn(json,pageSize,totalPage); } }); }; var prePage = function(json,currentPage, totalPage, pageSize) { if (currentPage <= 1) { currentPage = 1; } else { currentPage = currentPage - 1; } search(json,currentPage, pageSize); }; var nextPage = function(json,currentPage, totalPage, pageSize) { if (currentPage >= totalPage) { currentPage = totalPage; } else { currentPage = currentPage + 1; } search(json,currentPage, pageSize); }; var firstPage = function(json,currentPage, pageSize) { search(json,currentPage, pageSize); }; var finalPage = function(json,currentPage, pageSize) { search(json,currentPage, pageSize); }; var goToCurrPageBtn = function(json,pageSize, totalPage,keyId) { var prefix = json["prefix"]; var currPageIptObj = null; if(keyId==null){ currPageIptObj = $("#currPageIpt_"+prefix); }else{ currPageIptObj = $("#"+keyId+"_"+prefix); } var currPageIpt = currPageIptObj.val(); if (currPageIpt == "") { currPageIptObj.val(""); win.msg.short("请输入跳转页数!", "W01"); } else if (parseInt(currPageIpt) > totalPage) { currPageIptObj.val(""); win.msg.short("你输入的页数超出总页数,请输入正确的页数!", "W01"); } else if (parseInt(currPageIpt) <= 0) { currPageIptObj.val(""); win.msg.short("你输入的页数小于1,请输入正确的页数!", "W01"); } else { search(json,parseInt(currPageIpt), pageSize); } }; var getPageSrc = function(currentpage,pagesize,totalpage,totalsize){ var pg = {}; pg.currentpage = parseInt(currentpage); pg.pagesize = parseInt(pagesize); pg.totalpage = parseInt(totalpage); pg.totalsize = parseInt(totalsize); if (pg.totalpage <= 5) {//五页内 var middle = []; for (var num = 1; num <= pg.totalpage; num++) { middle.push(num); } return renderDom(middle, pg.currentpage, false, false,pg); } else if (pg.currentpage <= 3) {//当前页为3页内 var middle = [ 1, 2 ]; if (pg.currentpage >= 2) { middle.push(3); } if (pg.currentpage >= 3) { middle.push(4); } return renderDom(middle, pg.currentpage, false, true,pg); } else if (pg.totalpage - pg.currentpage <= 2) {//当前页为倒数三页内 var middle = []; if (pg.currentpage <= pg.totalpage - 2) { middle.push(pg.totalpage - 3); } if (pg.currentpage <= pg.totalpage - 1) { middle.push(pg.totalpage - 2); } middle.push(pg.totalpage - 1); middle.push(pg.totalpage); return renderDom(middle, pg.currentpage, true, false,pg); } else {//当前页在中间 return renderDom([ pg.currentpage - 1, pg.currentpage, pg.currentpage + 1 ], pg.currentpage, true, true,pg); } }; var renderDom = function(middle, active, showMore1, showMore2,pg) { var html = '<div class="c_page_num"' + std.flag('paging-action', (active > 1 ? active - 1 : 1)) + '><</div>'; if (showMore1) { html += '<div class="c_page_num"' + std.flag('paging-action', 1) + '>1</div><div class="c_page_more">...</div>'; } $(middle).each(function(key, item) { html += '<div class="c_page_num ' + (active == item ? 'active' : '') + '"' + std.flag('paging-action', item) + '>' + item + '</div>'; }); if (showMore2) { html += '<div class="c_page_more">...</div><div class="c_page_num"' + std.flag('paging-action',pg.totalpage) + '>' +pg.totalpage + '</div>'; } html += '<div class="c_page_num"' + std.flag('paging-action', (active <pg.totalpage ? active + 1 :pg.totalpage)) + '>></div>'; return html; };
<div class="c_page c_fr c_mt15 c_mb15 search-list-paging"> <div tag="paging-item" id="pagingitem_prefix"> </div> <div class="c_page_goto"> 共<span tag="paging-info" oid="totalpage" id="totalpage_prefix"></span>条 </div> <div class="c_page_goto">跳转至</div> <div class="c_page_input"> <input type="text" tag="paging-input" oid="pageNo" id=pageNo_prefix value="currentPageAlias"> </div> <div class="c_page_goto" tag="paging-button" oid="gotoNo" id="gotoNo_prefix"> <i>GO</i> </div> </div> <input id="currentPageHid_prefix" type="hidden" name="currentPage" value="currentPageAlias" class="pageTxt" /> <input id="pageSizeHid_prefix" type="hidden" name="pageSize" value="pageSizeAlias" class="pageTxt" /> <input id="asyncFlagHid_prefix" type="hidden" name="asyncFlag" value="asyncFlagAlias" class="pageTxt" /> <input id="aliasHid_prefix" type="hidden" name="alias" value="aliasAlias" class="pageTxt" /> <input id="replaceId_prefix" type="hidden" name="replaceId" value="replaceIdAlias" class="pageTxt" />
相关推荐
由于项目需要实现分页效果,上jQuery插件库找了下,但是木有找到自己想要的效果,于是自己封装了个分页组件。 思路: 主要是初始化时基于原型建立的分页模板然后绑定动态事件并实现刷新DOM的分页效果。 1.page.init....
easypoi和hutool对07版本的excel都没有提供模板导出,因此个人封装了下(原创)。 目前支持的模板表达式有 #if:表达式不成立则不输出#if #end中的行 #each 迭代map或实体bean所有的属性 #foreach 一次性导出xlsx #...
同时,该模板项目还提供标准搜索页面,可通过简单的配置,快速生成搜索页面,包括搜索条件、排序、分页等功能。这些功能的快捷上手,对于后台管理系统的新人上手很方便。 该模板项目还提供了常见的echarts声明,...
准备工作: (1)一如既往的我还是使用了requireJS进行js代码的编译 (2)必须引入angualrJS , ui-...第一步:先完成指令的封装 我会在 js/directives/pagedir 此文件下完成指令的编写 pagedir.html(指令页面模板)
分页的简单实现。... 5、通过limit查询记录,获取分页数据,并封装到数组中 6、获取表中记录数量 7、计算出总页数,上一页页数,下一页页数 8、加载模板,使用(数据数组,总页数,上一页页数,下一页页数)
微信公众号的模板消息发送,提供openid,模板id,appid,和appSecret,入参调用方法即可发送模板消息。 cloud-plugin 对AWS和Qcloud的消息队列,订阅通知,文件上传设置了统一的接口,分别对定义的接口进行了...
模板包含css样式封装,上传组件封装,通用弹窗表格封装,表单案例,表格分页器,echarts常用图表类型封装,echarts地图案例,twaver代码封装,瓦片图使用案例,使用promise二次封装axios兼容所有请求格式,模块加载...
element-ui封装一个Table模板组件的示例 大家在做后台管理系统的时候,写的最多的可能就是表格页面了,一般分三部分:搜索功能区、表格内容区和分页器区。一般这些功能都是使用第三方组件库实现,比如说element-ui...
3、分页功能:aop实现默认分页赋值。 4、统一结果返回。 5、策略工厂模式:用于不同业务逻辑的实现。 6、uid生成工具。 7、集成swagger在线接口文档。 8、文件上传功能。 9、excel文件解析功能:poi实现。 10、minio...
分页逻辑全部封装内部完成。 <br/>2.您可以使用控件提供的数据获取方式获取数据,也可以仅仅利用控件UI。 <br/>3.支持SQL2005,SQL2000,ACCESS,您可以通过重写GetData方法扩充数据库支持。 <br/>4.你...
公告各位gf-vue-admin的使用者,本项目今年会完成升级架构,也会跟着goframe的版本节奏,由面向对象的写法切换到面向接口的写法各位敬请期待!这是简体中文文档项目文档前端UI框架:后台框架: 1....
注意问题需要讲解的问题
Excel填充数据封装(java) 分页写入 方法反射的使用
通过大量代码实践,总结的一套高效实用的ssh模板,包含拦截器的编写及配置,内封装了一套分页工具类,及jsp相应模板,后台只用接受2个参数,即可完成列表展示,代码内有注释,可自行下载学习。
howsun-javaee-framework Java应用层框架 版本:1.0.8 1、项目介绍 这是一款居于Spring容器之上特别适用于中小企业应用的...7、提供了分页、工具类封装的JSP标签库 8、大量工具包:如安全、Web、断言、编码等40多
涉及的知识点有:springboot框架原理、freemark模板标签语法、jpa数据库操作及自动建表、统一上传文件实现方法、自定义注解实现统一验证方法、权限拦截器实现权限统一管理、自定义分页插件封装、调用控制台命令对...
对JDBC的简单封装,引入了DBPool,支持mysql数据库分页并能处理简单事务; 3. 生成验证码的Servlet和编码过滤器; 4. 对jakarta commons-fileupload封装便于上传下载的工具类。 <br>
:kiss_mark: spring boot项目实战基础脚手架,提供基础增,减,改,查模板,批量删除,局部刷新,多条件模糊查询,视图切换,设置显示分段,动态分页等功能 技术栈 前端 名称 版本 说明 官网 jQuery的 3.4.1 ...
PageHelper | MyBatis物理分页插件 | [http://git.oschina.net/free/Mybatis_PageHelper](http://git.oschina.net/free/Mybatis_PageHelper) Swagger-UI | 文档生产工具 | ...
springboot项目集合了mybatis分页查询和dbcp数据源配置,使用redis缓存都有详细的配置测试方法,封装的工具类常用的集合、对象、设置超时时间和判断key是否存在等详细方法