首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 网站开发 > Web前端 >

jquery 报表排序插件

2012-08-24 
jquery 表格排序插件jquery 表格内容排序插件,插件来源:http://www.veryhuo.com/?以下是使用方法和内容插

jquery 表格排序插件

jquery 表格内容排序插件,插件来源:http://www.veryhuo.com/

?

以下是使用方法和内容

插件说明

            ----------------------------[说明]------------------------------                用于把Table转为可排序的Table            ----------------------------[使用]------------------------------                1、给设置标题行添加名自定义属性role="head"                2、标题行中需要排序的列添加自定义属性sort="true"                3、调用扩展方法,如:$("#tableId").sorttable();            --------------------------[配置参数]----------------------------                sorttingMsg:      排序时显示的文字(默认为"排序中……"),                sorttingMsgColor: 排序时显示的文字的颜色(默认为"#FFF"),                allowMask:        是否允许遮罩层(默认为true),                maskOpacity:      遮罩层的透明度(默认为"0.5"),                maskColor:        遮罩层的颜色(默认为"#000"),                ascImgUrl:        升序图片(默认为不显示),                ascImgSize:       升序图片大小(默认为"8px"),                descImgUrl:       降序图片(默认为不显示),                descImgSize:      降序图片大小(默认为"8px")            --------------------------[回调参数]----------------------------                onSorted(cell):   排序完成回调函数(参数:cell,当前排序列的头(一般是th或者td的jquery对象))            


实例
<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>

?

带附件下载实例,已经整理过后附件内容。

热点排行