京东自营 618 + 国补 iPhone 历史最低价

基于jquery的Table表格排序插件

之前在公司做的项目里面用到了一个用js对table进行排序的小功能,考虑到项目本身使用了jquery框架,并且这个功能比较通用,于是利用jquery机制做成了个简单的插件,这样自己这个网站的后台就可以用了,如果有朋友需要相同功能的话也可以直接拿去用了。

关于jquery插件就不讲了,大家有兴趣的话自己g一下就ok鸟,是用的代码如下,很简单的:
[code]
<script src="../Scripts/jquery-1.4.1.min.js" type="text/javascript"></script>
<script src="../Scripts/JQueryPlugin/TableSort.js" type="text/javascript"></script>
<script type="text/javascript">
$(function () {
$("#tb").sorttable({
ascImgUrl: "../Images/bullet_arrow_up.png",
descImgUrl: "../Images/bullet_arrow_down.png",
ascImgSize: "8px",
descImgSize: "8px",
onSorted: function (cell) {
alert(cell.index() + " -- " + cell.text());
}
});
});
</script>
[/code]
说明:jquery插件的传值一般都是使用json来传,这已经是个潜规则了,所以这个插件虽然简单,也遵循了这个规则,旨在降低使用着的学习成本。如果有兴趣的话请点击下面的下载地址,解压后里面有个dome,里面有参数的介绍和使用的详细说明(例如table的定义规则,需要使用两个自定义属性),您也可以根据需要自己扩展或者修改。以后我自己有修改或者新增功能的话,也会即时提供新的说明文字和下载。
下载方法:
1、请用微信扫描下方二维码关注时代Java公众号,或者微信搜索时代JavaNowJava关注。
    (如已经关注,请直接发送编号)
2、在时代Java公众号里发送编号:5577
5577
3、发送后,将立刻收到 “验证码已经接收成功” 的回复,即可选择线路下载:
通用网络下载移动网络下载电信网络下载

本文系作者在时代Java发表,未经许可,不得转载。

如有侵权,请联系nowjava@qq.com删除。

编辑于

关注时代Java

关注时代Java