每次请求备份管理页面时，服务端会把所以的备份还原信息都传到客户端，然后ui.tabs将两种信息折叠起来分别显示，好在ui.tabs给我提供ajax功能，我们的每个tab可以直接应用另外一个页面 如： 代码如下: 备份 还原 但这样，当Restore.aspx存在服务端控件时，当他与服务端交互时，将不会很理想，比如GridView自带排序，分页就不可能实现，因为每一次交互他总是他只会显示你第一次加载该tab的状态（gridview它可能总是显示的第一...
1.Web 里面有三个目录: 1.1 content.htm //这个文件直接运行就行 1.2 js //这里面有用到的几个js 文件，其中 以db 开头的就是数据源(就是json 串) 1.3 css //css 就不用说了 2. 直接运行 content.htm 就可以直接打开查看分页和搜索效果了 3. 原理很简单，只是用了javascript 的index 函数核心代码: 代码如下:/* author: liulf function: var __db_cpcj=vCpcj; var __db_cp=v...
控件类代码： 代码如下: using System; using System.Collections.Generic; using System.ComponentModel; using System.Linq; using System.Text; using System.Web; using System.Web.UI; using System.Web.UI.WebControls; using System.Reflection; using System.IO; [assembly: WebResource("PageBarJS.js", "application/x-javascript")] namespace Hawkon.Control { [DefaultProperty("Text")] [ToolboxData("<{0}:PageBar...
没什么技术含量，先上图： 思路： 1：获取按键 2：判断当前表格行的位置 HTML结构： 代码如下: firstname: lastname: age: percent: Peter Parker 28 20.9% John Hood 33 25% Clark Kent 18 44% style样式： 代码如下: body{ font-family:"微软雅黑"; font-size:12px; } table{ text-align:center; } th{ height:30px; border-bottom:1px dashed #ccc; } td{ height:30px; border-bottom:1px dashed #ccc; } .bak...
理由：jquery简单，兼容性好且容易封装。废话不多说，马上开始我们的Jquery插件编写吧。应该有很多人写过类似的插件，我也是有些模仿flexGrid的形式。 需求：GridView显示数据，无刷新分页，无刷新排序，无刷新过滤（搜索数据），基于ASP.NET(我们这里有ashx一般处理文件来实现)。 使用到技术：asp.net2.0, jquery,css 首先写的是jquery插件方面，使用的核心函数还是jquery的ajax函数，方便快捷。 代码如下: $.ajax({ type: p.met...
代码如下: function pagerBar(dataCount,pageSize,serverUrl,contentPlace,pagerbarPlace,callBack){ this.dataCount = dataCount; this.pageSize = pageSize; this.serverUrl = serverUrl; this.contentPlace = $("#"+contentPlace); this.pagerbarPlace = $("#"+pagerbarPlace); this.callBack = callBack; this.pageCount = 0; this.pageIndex = 1; this.curInfo = $(""); this.prePage = $(""); this.nextPage = $(""); this.i...
推荐阅读：jQuery插件开发精品教程让你的jQuery提升一个台阶 既然说到基于jQuery的ajax分页插件，那我们就先看看主要的代码结构：（我觉得对咱们程序员来说再优美的文字描述、介绍也 比不上代码来得实在。）1、首先定义一个pager对象：var sjPager = window.sjPager = { opts: { //默认属性 pageSize: , preText: "pre", nextText: "next", firstText: "First", lastText: "Last", shiftingLeft: , shiftingRight: , preLeast: , n...
本文实例讲述了基于jQuery实现的无刷新表格分页。分享给大家供大家参考，具体如下： 效果图如下：html结构：css样式：html,body{margin: 0;padding:0} a:focus {outline: none;} /* 通用表格显示 */ table, th, td {font: 12px Arial,Helvetica,sans-serif,宋体;margin: 0;padding: 0} table{border-spacing: 0;border-collapse: collapse;} .datatable {width: 100%;border-style: none;background-color: #fff;margin-bottom: 20...
本文实例讲述了jQuery simplePage+AJAX plus分页插件。分享给大家供大家参考，具体如下：simplePagehtml,body{ margin:0 auto; text-align:center; } .main{ font:12px/24px "Microsoft YaHei"; height:1000px; } #page{ margin:100px auto; width:960px; text-align:center; } #page a{ text-decoration:none; display:inline-block; height:24px; padding:0 8px; border-radius:3px; background-color:#DEF39E; color:#8CAC2C; t...
本文实例讲述了jQuery实现伪分页的方法。分享给大家供大家参考，具体如下： 可以对表格数据进行伪分页，而且只需要执行简单的代码就可以实现。 实现的很简单、样式也不太好看，大家可以自行调整，纠正。 下面是一个table,tbody里加载tr数据，无论你怎么加载， 在数据加载完成后便可以对table数据进行伪分页、注意div引用的class,我填充的数据是四列的，所以td里加了colspan，div是分页显示区域下面是css和js方法.page_btn{padding-...
本文实例讲解了用jQuery中的ajax分页相关代码，分享给大家供大家参考，具体内容如下 把分页封装到一个jsp里，那么大家就可以通过include的方式引入分页的页面这里起名为page_ajax.jsp 本人封装后，使用者需要在页面中引入page_ajax.jsp，并且在查询列表的时候，点击按钮，调用自定义的方法，如myFunction（），在这个方法里头，调用自己拓展的jquer方法，$.pageAjax(url,functionName,showDIv); 这里的url是你要请求的ajax的url，f...
Json作为一种轻量级的数据交换格式,由于其传输数据格式的方便性，今天偶然想将其应用于分页实现，分页做为web开发一个长久的话题，其应用的高效与重要性就不多说了 本文主要技术:反射机制，Json数据格式，jquery 为了应用的通用性，首先要根据反射机制，能将要返回的任意类型的结果对象转化成Json类型的格式。public static String toJSON(Object obj) { HashMap map = new HashMap(); Class c = obj.getClass(); // 利用反射机 制...
写了一个Jquery异步分页插件，拿出来分享一下，有不完善之处请指教。 以用户分页为例，先看一下效果，首先是第一页：下一页或者点击第二页后：点击尾页后：效果还可以吧？来看看具体怎么用，首先后台要有一个Page模型： Page.java：public class Page { /** * 当前页号 */ private int currPageNum = 1; /** * 总记录数 */ private int totalRowSize = 0; /** * 每页记录数 */ private int pageRowSize = 10; public int getCurrPa...
扩展JQuery很容易，作为一个练习，编写一个简单的分页插件，代码量不大，直接看代码好了：$.fn.mypagination = function(totalProperty,opts){ opts = $.extend({ perPage:10, callback:function(){ } },opts||{}); return this.each(function(){ function numPages(){ return Math.ceil(totalProperty/opts.perPage); } function selectPage(page){ return function(){ currPage = page; if (page=numPages()) currPage = numPage...
前台分页控件有很多，这里分享我的分页控件 pagination.js 1.0版本，该控件基于jquery。 先来看一下预览效果：默认情况下，点击页码会像博客园一样，在url后面加上"#p页码"。 控件有2个参数需要注意： 1. beforeRender: 在每个页码项呈现前会被调用，参数为页码的jQuery对象。这个时候我们可以在呈现前做一些处理，例如增加自己的属性等。默认情况下，点击页码，会在url后面加上“#p页码”，这样的url并不会刷新页面。如果我们需要...