重点学习代码片段的创建:
var fragment = document.createDocumentFragment();
function table_sort(tablename,index){ // 获取table var table = document.getElementById(tablename); // 获取table里的tBody var tbody = table.tBodies[0]; // 获取rows var rows = tbody.rows; var array = new Array(); // 将row写到数组中,其实写的是指针,都指向tBody中的row for (var i = 0;i<rows.length; i++) { array[i] = rows[i]; } // 对数组进行排序,只是排指针而已 array.sort(compareTRs(index)); // 创建一个文档片段 var fragment = document.createDocumentFragment(); // 将数据中的row一行行添加到文档片段当中,同时row也被删除 for (var j = 0; j < array.length; j ++) { fragment.appendChild( array[j] ); } // 将文档片段重新加到table中 table.appendChild(fragment); } //这里通过一个函数返回另一个函数对象,参考的是精通javascript编程一书中的方式,但在Ubuntu中的Firefox中无法//正常使用 // 很奇怪这里不进行第二次排序了,如果要写的话应该重写排序函数 function compareTRs(iCol){ return function compares(tr1,tr2){ var oValue1 = tr1.cells[iCol].firstChild.nodeValue; var oValue2 = tr2.cells[iCol].firstChild.nodeValue; return oValue1.localeCompare(oValue2); } }
相关推荐
Javascript表格排序大全
javascript表格排序案例(面向对象)案例资料
javascript表格排序(顺序和逆序)并高亮显示,通过使用排序后。然所在的那一列进行高亮显示
javascript 表格排序多种数据类型排序(中文混合数字排序).zip
功能强大的javascript表格排序,可以设定排序规则,设定哪些列排序,哪些列不排序。运行速度快。两部操作就搞定,使用方便简单!解决服务器端数据库排序的压力!
网页模板——javascript 表格排序多种数据类型排序(中文混合数字排序)
Auntion-TableSort国人写的一个javascript表格排序的东西.docx
javascript对表格排序,利用脚本可以将数据库中读取出来的数据直接在页面上进行排序,避免在数据库中排序对数据库的重复操作。
内涵表格排序代码, 支持string number, 不支持date类型。
表格排序 是Javascript实现, 就目前我看,是最好的排序实现。 可以排序:数字,日期,字母。 只需要两句话实现多种排序功能。 <script type="text/javascript"> var sorter=new table.sorter("tableId"); sorter....
JavaScript实现表格排序,按数字、日期、汉字排序!
内容索引:脚本资源,Ajax/JavaScript,表格排序,表头 JavaScript表格排序,点击表头即可排序,此脚本支持中文汉字排序、中英文混合排序、数据大小排序、文件名称类型排序、日期排序、价格排序、中文和数字排序;...
带箭头的javascript表格排序。直接使用源码
使用JavaScript实现表格排序,点击表头切换升序降序,非常简单
使用javascript在客户端对表格进行排序的例子
JQ JS javascript 拖拽 排序功能 列表排序 菜单排序 表格排序
javascript动态排序表格 javascript动态排序表格 javascript动态排序表格 javascript动态排序表格