实例效果图如下 使用说明 需要使用jQuery库文件和JQuery Pager库文件(目前版本1.1) 素材准备 分页器CSS样式文件，可复制如下CSS样式，可命名为Pager.css 代码如下:#pager ul.pages { display:block; border:none; text-transform:uppercase; font-size:10px; margin:10px 0 50px; padding:0; } #pager ul.pages li { list-style:none; float:left; border:1px solid #ccc; text-decoration:none; margin:0 5px 0 0; padding:5px; ...
代码如下: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 = $("<span/>"); this.prePage = $("<span/>"); this.nextPage = ...
理由：jquery简单，兼容性好且容易封装。废话不多说，马上开始我们的Jquery插件编写吧。应该有很多人写过类似的插件，我也是有些模仿flexGrid的形式。 需求：GridView显示数据，无刷新分页，无刷新排序，无刷新过滤（搜索数据），基于ASP.NET(我们这里有ashx一般处理文件来实现)。 使用到技术：asp.net2.0, jquery,css 首先写的是jquery插件方面，使用的核心函数还是jquery的ajax函数，方便快捷。 代码如下:$.ajax({ type: p.meth...
没什么技术含量，先上图： 思路： 1：获取按键 2：判断当前表格行的位置 HTML结构： 代码如下:<div id="formdiv" align="center"> firstname:<input type="text" id="firstname"/> lastname:<input type="text" id="lastname"/> age:<input type="text" id="age"/> percent:<input type="text" id="percent"/> <input type="button" value="确定" id="sure"/> </div> <table border="0" cellpadding="0" cellspacing="0" align="c...
控件类代码： 代码如下: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.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...
每次请求备份管理页面时，服务端会把所以的备份还原信息都传到客户端，然后ui.tabs将两种信息折叠起来分别显示，好在ui.tabs给我提供ajax功能，我们的每个tab可以直接应用另外一个页面 如： 代码如下:<div id="container"> <ul> <li><a href="#fragment-1"><span>备份</span></a></li> <li><a href="Restore.aspx"><span>还原</span></a></li> </ul> </div> 但这样，当Restore.aspx存在服务端控件时，当他与服务端交互时，将不会...
如果你所在公司的开发环境或者项目的开发环境处于单一语言的开发环境之中，框架不适用，因为框架的使用范围之一就是针对一个项目中存在多个语言开发的业务模块，而新项目都需要这些模块的功能，按照以前的习惯，肯定是重新开发，至少也是将其他的语言开发的业务功能变成webservice接口供新代码调用，在这种情况下，本文讨论的框架就可以派上用场并且还能在客户端消除语言差异，只使用纯javascript和html静态代码进行开发。 当然即使...
代码如下:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" > <head> <title>jquery分页控件</title> <script src="jquery-1.3.min.js" type="text/javascript"></script> </head> <body> <div class="pager"></div> <!--<div> <select class="SEID"> <option>10</option> <option selected="selected" >...
以前的我，用惯了 UpdatePanel UpdateProgress 等控件，甚至到了滥用的程度，只是一味的追求无刷新，一边弄这 loading 图片 提示，这样貌似更美观，但是 感觉 更损失了性能， 而且有时候还破坏了网站的完整性。 但是学了Jquery之后，了解了 Jquery.ajax ,Jquery.get 等方法，从而学会了使用 webservice 和.ashx 文件，来与服务器交互。 这次的Jquery分页 是与 .ashx文件配合的。 建立三个.ashx，分别为PreviewHandler.ashx,PageHan...
先把要用到的文件依次进入进来： 代码如下:<script src="common/jquery.js" type="text/javascript"></script> <script src="common/jquery.pagination.js" type="text/javascript"></script> <link href="common/tablesorter.css" rel="stylesheet" type="text/css" /> <link href="common/pagination.css" rel="stylesheet" type="text/css" /> 接着在页面的body里面写入如下的代码，在这里强调一下呈现出来的数据是没有进行控...
代码如下:<%@ Page language="c#" Codebehind="GroupText.aspx.cs" AutoEventWireup="false" Inherits="test1.GroupText" %> <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN" > <HTML> <HEAD> <title>GroupText</title> <meta name="GENERATOR" Content="Microsoft Visual Studio .NET 7.1"> <meta name="CODE_LANGUAGE" Content="C#"> <meta name="vs_defaultClientScript" ...
******生成js分页脚****** ****没剑(2008-03-05)**** 修改日期：2008-3-12 添加两个参数：displaynum，displaylastNum可以自由定制显示的页码数量 参数： pagesize:10 //每页显示的页码数 ,count:0 //数据条数 ,css:"mj_pagefoot" //分页脚css样式类 ,current:1 //当前页码 ,displaynum:7 //中间显示页码数 ,displaylastNum:5 //最后显示的页码数 ,previous:"上一页" //上一页显示样式 ,next:"下一页" //下一页显示样式 ,paging:nu...
1、Controller中的方法代码如下： 由于方法中的存储过程没有带分页参数，所以还可以有继续优化的空间。 /// <summary>/// 获取测点列表/// </summary>/// <returns></returns>[HttpPost]public JsonResult GetMeasurePointList(string TreeID, string TreeType, int sEcho, int iDisplayStart, int iDisplayLength){DataTable dtResult = new DataTable();string sql = string.Format("EXEC P_GET_ZXJG_TagList {0},{1}", TreeID, ...
一直想自己做个博客网站，技术路线是用ASN.NET MVC5+EF6（Code First）+ZUI+各种Jquery插件，有了这个想法之后就开始选择UI，看了好多bootstrap的模板之后，发现即使你用了bootstrap还是要自己写css样式，都是自学的，前端真的很垃圾，在网上找了很多UI，以下是各种UI的地址，需要的可以去看看： H-ui：http://www.h-ui.net/H-ui.admin.shtml ，是一个前端大牛弄得，模仿bootstrap，做适合中国网上的UI。 Amaze UI:http://amazeui....