ajax无刷新分页脚本之家,js无刷新分页(原创)

e1c911931a4b7d27b248d069c3f074de.png

8d356dd126880af192ae902c3e671bd1.png

插件描述:只需要实例化一下,即可使用,附带了查询功能写法

更新时间:2020-08-07 00:24:53

更新说明:重新打包错了,发布最新版。

更新时间:2020-08-01 20:19:49

更新说明:将分页显示的文本,深一步的放在外部参数中,使用的时候更加灵活。

修改了页面代码,供使用者更加方便的理解分页插件的调用,努力贴合用户业务。

更新时间:2020-04-27 00:47:50

更新说明:将控件上显示的文本写成实例化时,可以手动配置,可以动态修改,可用于多语言开发

减少加载控件时h5代码量

更新时间:2020-03-20 00:35:09

使用方法

提供了四个显示样式,实例化时修改 cssStyle 参数即可 1,2,3,4

插件(js.js)和css文件存放在同一个文件加就行了

引用这两个js

html

jsvar runCallback1 = null;

new dmm({

// index: 1,//当前页面                   默认1

cssStyle: 3, //控件样式                   默认1

// size: [10, 20, 30],//每页显示条数           默认[10,20]

// skip: true,//是否显示跳转功能               默认不显示

// setSize: true,//是否显示下拉框              默认不显示

container: "pageParent", //控件容器id

//回掉函数,一般就是post请求后台方法得到分页数据加载到页面上

callback: function(e) {

e.index; //当前页

e.pageSize1; //页面显示条数

//以上两个属性可以当作请求后台时传入的参数

//以下三行在加载完页面后必须填写

e.countpage = Math.ceil(150 / e.pageSize1); //注意必写(数据总页数??通过后台方法获取)

e.infocount = 150; //注意必写(数据总条数??通过后台方法获取)

xian(e); //注意必写(加载控件)

//

//可将以下代码用于查询使用--联合dian()方法

runCallback1 = e; //将分页条件赋值变量

}

});