js 统制table 列的顺序-ASP.NET教程-爱易网页

js 统制table 列的顺序

日期：2014-05-17　浏览次数：20436 次

js 控制table 列的顺序
需求：js 控制table 列的顺序

1、绑定数据库所有列的值到table上
2、在页面上有几个下拉框里面绑定的是数据库列名，下拉框数据都一样
3、根据我选择下拉框的数据控制 table 中列的显示隐藏并顺序要一致

比如：有三个下拉框
（1）           （2）              （3）
请选择....     请选择...        请选择...
ID            ID               ID
Name          Name             Name
Type          Type             Type

初始表格table
ID      Name     Type
1       小李      男
2       小刘      女

如果下拉框（1）我选择Name，下拉框（3）我选项ID  则表格要显示为
Name    ID
小李      1
小刘      2

请问用js怎么控制这样的效率

        请大虾们帮帮忙！！！！  谢谢！！！！

------解决方案--------------------
document.getElementById("列的id").style.display='none';
------解决方案--------------------
jqgrid里面有column reordering 和 column chooser的功能跟你的要求类似的
------解决方案--------------------
把table的数据用json保存起来{ id:12, name：‘zhangsan’,type:'nan'}
每次ddl改变时，重新生成table
比如你三个ddl的顺序是 name id type 你在遍历json生成table是
就一次读取 name，id，type 来生成table
当 ddl的顺序发生变化时，只需要根据ddl的顺序来改变读取json的顺序就行了。。
------解决方案--------------------
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
  <title>洋帆型号速查</title>

     <script src="js/jquery-1.8.2.min.js" type="text/javascript"></script>
     <script type='text/javascript'>
         var json = [{ "id": 1, "name": "zhangsan", "type": "nan" }, { "id": 2, "name": "lisi", "type": "nv"}];
         function CreateTable() {
             $("#table1").empty();
             var v1 = $("#ddl1").val();
             var v2 = $("#ddl2").val();
             var v3 = $("#ddl3").val();
             for (var i = 0; i < json.length; i++) {
                 var item1 = json[i][v1];
              &nb

免责声明： 本文仅代表作者个人观点，与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。

js 统制table 列的顺序

相关资料更多>

推荐阅读更多>