1.后台action产生json数据。List blackList = blackService.getBlackInfoList(mobileNum, gatewayid, startDate, endDate); int totalRows = blackList.size(); StringBuffer sb = new StringBuffer(); sb.append("{\"totalCount\":\""+totalRows+"\","); sb.append("\"jsonRoot\":["); for (int i=0;i<blackList.size();i++) { LBlack blackInfo = (LBlack)blackList.get(i); sb.append("{\"id\":\""+ blackInfo.getId());...
最近项目中需要用到打印HTML页面，需要指定区域打印，使用jquery.PrintArea.js 插件 用法： $("div#printmain").printArea();但还是会打印DIV后面的内容，这里可以使用CSS控制打印分页 <div style="page-break-after: always;"></div>有时用CSS控制分页了但还是会连续打印页面，这里就可以用上PrintArea 插件中的属性参数。 PrintArea部分源码： var modes = { iframe : "iframe", popup : "popup" }; var defaults = { mode : mo...
最近公司的项目将好多分页改成了ajax的前台分页 以前写的分页插件就不好用了，遂重写一个 支持IE6+，但没有动画效果 如果没有硬需求，个人认为没必要多写js让动画在这些浏览器中实现 css3的动画本来就是帮我们取代js中这部分动画代码的 使js更纯粹地去实现逻辑 效果图如下：调用代码如下： 包括常用的加载失败重试，参数可配置是否能手动输入页码，设置按钮数目，可以调用多个page等等，调用代码很简便 <script type="text/javascr...
以前写的分页用了好久了，但是分页时除了传页面外有时还要传一些其它参数，以前操作时要把传的参数放到隐藏hidden中，分页时在取出来，这样比较麻烦，今天无事，重新包装了一下 直接上代码吧 css用了bootstrap中分页的样式.pagination-lg > li:first-child > a, .pagination-lg > li:first-child > span { border-bottom-left-radius: 6px; border-top-left-radius: 6px; }.pagination-lg > li:last-child > a, .pagination-lg > l...
使用方法： 添加 jQuery 类库、jqPagination 插件的 JS 和 CSS 文件代码如下:<link rel="stylesheet" href="jqpagination.css"/><script src="jquery-1.6.2.min.js"></script><script src="jquery.jqpagination.min.js"></script> 再需要如下HTML代码如下:<div class="pagination"> <a href="#" class="first" data-action="first"></a> <a href="#" class="previous" data-action="previous">?</a> <input type="text" readonl...
下了个分页插件用，网上下载下来的demo在各ie版本下有点差别，但是还是可以用。 但是在我的页面中则不能正常显示。可能是因为div嵌套过多或者position定位造成的。 我改了下源码基本可以在ie7,ie8,ie9正常显示。以下是部分源码。发现用别人的东西出了问题很难搞啊。关键是那个ie啊。 代码如下:var bVer = navigator.appVersion; var ver ; if(bVer.indexOf(MSIE 7.0) > 0){ ver = "ie7"; } if(ver == ie7){ _ulwrapdiv.css(width,...
scroll事件适用于window对象，但也可滚动iframe框架与CSS overflow属性设置为scroll的元素。 代码如下:$(document).ready(function () { //本人习惯这样写了 $(window).scroll(function () { //$(window).scrollTop()这个方法是当前滚动条滚动的距离 //$(window).height()获取当前窗体的高度 //$(document).height()获取当前文档的高度 var bot = 50; //bot是底部距离的高度 if ((bot + $(w...
使用方法和相关参数如下： displayId//默认值显示区域Id为pageBox，可以不填 pagesize//每页条数，默认是15条，可以不填 totalsize//总条数 curpage//当前页数 simple//默认是false，true没有上一页和下一页， type//0默认走http跳转，1是jsp页面必须有pageCallBack(pageNum)函数,从1开始 url//链接地址，如果type出入1此处就可以不填 例子：Page._run({totalsize:300,curpage:11,type:1,simple:true} 代码如下:<!DOCTYPE html><ht...
代码如下:var countPage; var nowPag = 1; var pageSize; var countSize; var starIndex; var endIndex; // 用户提交信息 var name; var sex; var age; // 定义行号 var num = 1; $(document).ready(function() { // 注册添加用户的事件 $("#submit").click(function() { // 获取用户提交的信息 name = $("#name").val(); sex = $("input[name=sex]:checked").val(); age = $("#age").val(); pageSize = $("#selectSize option:sel...
代码如下:<script src="/js/jquery-1.4.1.js" type="text/javascript"></script> <script type="text/javascript"> var pageindex = 1; var pagesize = 2; $(function () { previous(); }) function previous() { if (pageindex < 1 || pageindex == 1) { pageindex = 1; $("#imgdiv img:lt(" + pagesize + ")").show(); ...
该实例中，新闻数据列表未使用表格显示。下面将所有源码附上，其中用到jquery插件。 代码如下:<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%> <%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%> <c:set var="ctx" value="${pageContext.request.contextPath}" /> <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <meta charset="UTF-8"> <title>Demo</t...
代码如下:<html> <head> <script type="text/javascript" src="script/jquery-1.7.1.min.js"></script> <script type="text/javascript" src="script/jquery-1.7.1.js"></script> <script type="text/javascript" src="script/jquery.pagination.js"></script> <script type="text/javascript"> $(function(){ //此demo通过Ajax加载分页元素 var init...
为了锻炼下JQuery，决定自己动手写写分页最终的效果如图： 点击某个字母后，下方显示以该字母为首字母的所有词语； 分页显示，每页显示15个词语，每组页码有20个，1-20/20-40～～～首先是在PHP文件中的分页Pager的相关代码 代码如下: public function searchWordsByInitial() { //从AJAX发出的URL中获得参数：用户点击的字母和点击的页码 $initial = htmlentities($_POST[initial], ENT_QUOTES,"U...
第一次做的插件，早写好了，后来发现一个jquery插件模板，就拿过来套。名字叫jquery.boilerplate.js。我的理解不是很深，也不太理解太多效率问题。 本来我是一个做asp.net开发的，可是公司好些个人包括美工没太会js啊。项目很多js改来改去搞得我都头大了。萌发了写插件的想法，于是照葫芦画瓢写啊，写插件的过程也学了js的面向对象。对js，还有一些效率问题有了更深了解。以前有个项目单个页面写过600多行的js文件。全是按功能面向...
参考了：//www.gxlcms.com/article/35110.htm改进的地方： 1、ashx返回json数据，减少传输数据量，html页面样式控制也比较灵活； 2、改写html页的jQuery代码； 3、把3个ashx文件简化为1个。 一、创建表的测试数据： 代码如下:create table test(id int identity,title varchar(36)) declare @index int; set @index = 1; while(@index < 8888) begin insert test(title) values (newid()) set @index = @index + 1 end 二、.html...