Jquerytablesort实现客服端的排序.docxVIP

Jquery+tablesort 实现客服端的排序，能减轻服务器的承受能力，也能给用户带来很好的体验，所以推荐用 Jquery tablesort来实现分页和排序了?Jquery tablesort 支持页面类table静态排序，无刷新，调用也很方便（支持字符串，数字，日期，等格式）?唯一的要求，就是html的table标签内要包含thead和tbody部分，这可以调用HTML_Table::getHeader()生成thead，调用HTML_Table::getBody()生成tbody部分。?然后在需要展示数据的页面引入jQuery和Tablesorter的js库文件，再加上几行代码即可实现客户端javascript对数据table的分页与排序，并且还支持动态修改每页数据行数，支持多列排序等。?具体的例子和代码，都可以在本文的链接中找到，就不在这里多说了。? 示例地址：/0518/jquery/Jquer-tablesorter.html 只需要设置table的id，部分代码： $(document).ready(function() { $.tablesorter.defaults.widgets = [zebra]; 隔行换色的颜色 $(#myTable).tablesorter({ myTable为table的Id textExtraction: function(node) { return $(node).find(.findeValue).html(); } , headers: { 5: { sorter: false } } }); });?Table 格式如下：table class=tablesorter cellspacing=1 thead?tr th first name/ththlast name/thth age/th thtotal/ththdiscount/ththdate/th/tr /thead tbody trtdpeter/td tdparker/tdtd28/td td$9.99/tdtd20%/td tdjul 6, 2006 8:14 am/td/tr /tbody/table?官方示例地址：/Plugins/Tablesorter/tablesorterJquery.TableSortjquery的Table表格排序插件?----------------------------[说明]------------------------------?用于把Table转为可排序的Table?　?----------------------------[使用]------------------------------??1、给设置标题行添加名自定义属性role=head??2、标题行中需要排序的列添加自定义属性sort=true??3、调用扩展方法，如：$(#tableId).sorttable();?　说明：用于把Table转为可排序的Table?　参数：JSON格式?　==普通参数==?　sorttingMsg:排序时显示的文字（默认为排序中……）,?　sorttingMsgColor:?排序时显示的文字的颜色（默认为#FFF）,?　allowMask:是否允许遮罩层（默认为true）,?　maskOpacity:遮罩层的透明度（默认为0.5）,?　maskColor:遮罩层的颜色（默认为#000）,?　ascImgUrl:升序图片（默认为不显示）,?　ascImgSize:升序图片大小（默认为8px）,?　?descImgUrl:降序图片（默认为不显示）,?　descImgSize:降序图片大小（默认为8px）?　==回调函数==?　onSorted(cell):排序完成回调函数（参数：cell，当前排序列的头(一般是th或者td的jquery对象)）?--------------------------[配置参数]----------------------------?　sorttingMsg:排序时显示的文字（默认为排序中……）,?　sorttingMsgColor:?排序时显示的文字的颜色（默认为#FFF）,?　allowMask:是否允许遮罩层（默认为true）,?　maskOpacity:遮罩层的透明度（默认为0.5）,?　maskColor:遮罩层的颜色（默认为#000）,?　ascImgUrl:升序图片（默认为不显示）,?　ascImgSize:升序图片大小（默认为8px）,?　descImgUrl:降序图片（默认为不显示）,?　descImgSize:降序图片大小（默认为8px） Js/*---------------------------------