`
microboat
  • 浏览: 59757 次
  • 性别: Icon_minigender_1
  • 来自: 上海
社区版块
存档分类
最新评论

mootools仿淘宝算法的js分页控件

阅读更多

此控件需要远程json数据,这个json数据中必须包含有记录总数的属性。

demo文件说明:

data.js----模拟远程json数据的文件,实际应用时应该用后台程序根据控件传入的start和limit参数返回json。

start和limit是控件自动生成的参数,表示当前页码和每页显示记录数。

 

demo.html---演示页面,需web服务器环境。

mootools-core.js---mootools核心文件。

pages.gif---箭头图标

paging.css---控件的样式表

paging.js---控件js文件

 

使用方法和配置参数见demo

 

效果图如下:

  • 大小: 54.1 KB
分享到:
评论
16 楼 zhouzxz 2014-04-20  
你能运行aa!
15 楼 chamcon 2013-12-07  
我自己也写了一个仿淘宝分页控件 [url=http://chamcon.iteye.com/blog/1986607]http://chamcon.iteye.com/blog/1986607[/url]
14 楼 zhangwenyingl 2012-07-26  
比如说我返回的是json数据,不像data.js那样,那我到底要怎么放入那个url中,实在是不懂。返回的数据可以是list吗?
13 楼 wdj_1984 2011-11-19  
测试数据加了10行
demo页显示20行
在那里设置的?
12 楼 725137 2009-10-20  
引用:
net的算法也可以...谢谢了.我女朋友是.net的.让她看然后用java写.她也会java.嘿嘿

说这话的那娃看来像是吃软饭的
11 楼 aengal 2009-10-18  
JSON好象很流行啊
10 楼 zhyflyz 2009-09-22  
怎么个用法呢?觉得这个很好!简单!
9 楼 wxq594808632 2009-07-07  
.net的算法也可以...谢谢了.我女朋友是.net的.让她看然后用java写.她也会java.嘿嘿
8 楼 microboat 2009-07-06  
不好意思,我是.NET阵营的,不会Java。
7 楼 wxq594808632 2009-07-06  
您能用java写个算法吗?传入两个参数:总页数.当前页
然后放到一个list中.在页面一输出就是那些链接
6 楼 showr 2008-12-07  
现在 JSON好象很流行啊

好多  ajax 的都是用  JSON 来完成的1
5 楼 allforjava 2008-11-26  
很好的东西 ,以前老是找分页插件 ,没想到这么简单。楼主果然厉害
4 楼 wangchao_0625 2008-11-20  
在Tomcat中可以看到一些效果,不过似乎数据没有随页码一起变
3 楼 cn_arthurs 2008-11-16  
可以在tomcat中打开,但是为什么在IIS中不好使呢,不是ajax框架吗,为什么还跟运行服务器有关系,费解
2 楼 microboat 2008-10-28  
需要web服务器环境,直接打开html无效。
1 楼 375721064 2008-10-28  
<div class='quote_title'>microboat 写道</div><div class='quote_div'><p>此控件需要远程json数据,这个json数据中必须包含有记录总数的属性。</p>
<p>demo文件说明:</p>
<p>data.js----模拟远程json数据的文件,实际应用时应该用后台程序根据控件传入的start和limit参数返回json。</p>
<p>start和limit是控件自动生成的参数,表示当前页码和每页显示记录数。</p>
<p> </p>
<p>demo.html---演示页面,需web服务器环境。</p>
<p>mootools-core.js---mootools核心文件。</p>
<p>pages.gif---箭头图标</p>
<p>paging.css---控件的样式表</p>
<p>paging.js---控件js文件</p>
<p> </p>
<p>使用方法和配置参数见demo</p>
<p> </p>
<p>效果图如下:</p>
<p><img src='/upload/attachment/45007/88d95bf4-1313-3609-b825-655dbd5cd2c9.jpg' alt=''/></p></div><br/>在我这里怎么不能运行啊

相关推荐

    mooRainbow.js.css+mootools完成实现颜色拾取器控件完整套

    《mooRainbow.js.css与mootools:构建高效的颜色选择器控件》 在Web开发中,为用户提供直观、易用的颜色选择工具是至关重要的,尤其在涉及到色彩设计和编辑的应用场景。mooRainbow.js.css和mootools的组合提供了一...

    mootools分页多选搜索部件.zip

    《MooTools分页多选搜索部件详解》 在网页开发中,为了提供更好的用户体验,分页、多选以及搜索功能已经成为不可或缺的部分。MooTools是一个强大的JavaScript库,它提供了丰富的工具和组件来帮助开发者实现这些功能...

    mootools1.2 树状菜单控件

    MooTools是一个轻量级的JavaScript库,设计用于简化网页开发中的对象导向编程。MooTools 1.2 版本引入了许多改进和优化,使其更高效、更易用。在给定的“mootools1.2 树状菜单控件 mif.tree”中,我们关注的是一个...

    mootools.js插件 1.4.5 core下载.zip

    比prototypejs更丰富、更强大的mootools.js插件 1.4.5 core下载。mootools.js可以生成较为复杂的、动态的网页交互效果,和jquery一样强大。。Mootools从Prototype.js中汲取了许多有益的设计理念,语法也和其极其类似...

    mootools分页多选搜索部件js特效.zip

    这个"mootools分页多选搜索部件js特效.zip"文件包含了一个基于MooTools开发的功能丰富的组件,主要目标是实现一个交互性强、用户体验良好的分页多选搜索功能。下面将详细阐述该部件的关键知识点。 1. **MooTools库*...

    Mootools.js实现拖动滑块动态分页功能.rar

    Mootools.js实现拖动滑块动态分页功能,实现无刷新的分页特效,网页加载后调用init方法,该方法定义在pageSlider.js文件中。友情提示:本例子正常运行需要在JSP环境下,且需要配置好数据库,内附有SQL脚本,双击示例...

    js mootools仿htc手机时钟表翻页时钟效果

    JavaScript 和 Mootools 是两种在 Web 开发中广泛使用的工具,它们可以帮助开发者创建交互式的动态网页。本项目是关于使用 JavaScript 和 Mootools 框架实现一个类似于 HTC 手机上的翻页时钟效果。这个效果以数字...

    基于Mootools库的Web分页技术实现.doc

    Mootools在AJAX分页实现中,简化了JavaScript代码,降低了实现难度。 **4. 具体实现步骤** - **步骤1**:在服务器端,通过数据库存储过程获取指定页的数据,并转化为JSON格式。 - **步骤2**:服务器接收客户端请求...

    mootools 1.3 core 核心js库

    MooTools是一个强大的JavaScript框架,它的1.3版本是其发展中的一个重要里程碑。这个核心库提供了许多基础功能,使得Web开发者能够构建复杂、高性能的Web应用程序。MooTools 1.3 Core着重于效率、兼容性和模块化设计...

    MooTools1.2.js

    MooTools1.2.js 无压缩版,完全的源代码。

    MooTools1.4中文PDF手册+MooTools-Core-1.5.1.js

    MooTools是一款强大的...通过阅读"Mootools1.4中文PDF手册",开发者可以深入了解MooTools的使用方法和最佳实践,而"MooTools-Core-1.5.1.js"则是实际项目中的运行库,结合手册学习,可以迅速提升JavaScript开发技能。

    mootools常用js

    - **核心模块**:MooTools-Core.js是MooTools的基础,包含了一些基本的类和函数,如Element、Array、Function、String等,它们提供了对JavaScript原生对象的扩展。 - **Class机制**:MooTools引入了面向对象的...

    mootools demo打包_mootools.svn.js_中文手册.zip

    《MooTools:JavaScript框架的探索与应用》 MooTools是一款强大的JavaScript库,它以其模块化、面向对象的设计理念,为前端开发提供了丰富的工具和功能。本篇将围绕"Mootools demo打包_mootools.svn.js_中文手册....

    mootools tree and table

    在IT领域,JavaScript库MooTools是一个非常受欢迎的框架,用于增强网页的交互性和功能。MooTools提供了许多工具和组件,其中包括对于tree(树形结构)和table(表格)的处理,使得开发者能够轻松创建复杂的用户界面...

    MooTools 帮助文档 中文

    MooTools是一个简洁,模块化,面向对象的JavaScript框架。它能够帮助你更快,更简单地编写可扩展和兼容性强的JavaScript代码。Mootools从Prototype.js中汲取了许多有益的设计理念,语法也和其极其类似。但它提供的...

    Mootools v1.11 文档 pdf html Mootools v1.2.1 js

    MooTools 是一个轻量级、模块化的JavaScript库,它为Web开发提供了强大的工具和功能。这个压缩包包含了MooTools的两个主要版本——v1.11和v1.2.1的相关文档,以及可能的HTML和JavaScript文件,帮助开发者理解和使用...

Global site tag (gtag.js) - Google Analytics