TD排序(2)

 var tableRows=0;
    trObject=clearStart.children[0].children;
   
    for (i=0;i<trObject.length;i++)  
    {  
        tableRows=(trObject[i].id=='realData')?tableRows+1:tableRows;
    }
   
    var trinnerHTML=new Array(tableRows);    
    var tdinnerHTML=new Array(tableRows);  
    var tdNumber=new Array(tableRows);
    var ignoreTrinnerHTML="";
    var i0=0;
    var i1=0;
  
    for (var i=trObject.length-1;i>=0;i--)  
    {
        if (trObject[i].id=="realData")
        {
            trinnerHTML[i0]=trObject[i].innerHTML;
            tdinnerHTML[i0]=trObject[i].children[colNum].innerHTML;
           
            if (tdinnerHTML[i0].indexOf("<A href")>-1)
            {
                tdinnerHTML[i0]=trObject[i].children[colNum].children[0].innerHTML;
            }
           
            tdNumber[i0]=i;
            i0++;
        }
    }
   
    sourceHTML=clearStart.children[0].outerHTML;
   
    for (bi=0;bi<tableRows;bi++)  
    {  
        for (i=0;i<tableRows;i++)  
        {
            if(tdinnerHTML[i]>tdinnerHTML[i+1])  
            {
                t_s=tdNumber[i+1];               
                t_b=tdNumber[i];
                tdNumber[i+1]=t_b;
                tdNumber[i]=t_s;
                temp_small=tdinnerHTML[i+1];
                temp_big=tdinnerHTML[i];
                tdinnerHTML[i+1]=temp_big;
                tdinnerHTML[i]=temp_small;
            }
        }  
    }

在使用 layui 表格组件进行排序时,你可以按照以下步骤操作: 1. 在 HTML 中定义一个基本的表格结构,使用 layui 的表格组件。例如: ```html <table id="demo" lay-filter="test"></table> ``` 2. 在 JavaScript 中,使用 layui 的表格模块进行初始化,并配置排序功能。例如: ```javascript layui.use('table', function(){ var table = layui.table; table.render({ elem: '#demo', url: '/your/data/url', // 设置数据接口 page: true, // 开启分页 cols: [[ {field: 'id', title: 'ID', sort: true}, // 设置需要排序的字段 {field: 'name', title: '姓名'}, {field: 'score', title: '分数', sort: true}, ]] }); }); ``` 在上面的代码中,`sort: true` 表示该字段支持排序。 3. 当用户点击表头时,会自动触发排序事件。你可以监听 `sort` 事件,获取排序参数,并重新加载表格数据。例如: ```javascript table.on('sort(test)', function(obj){ // obj.field 为当前排序的字段名 // obj.type 为当前排序的类型,可能的值有:desc(降序)、asc(升序)、null(默认排序) // 重新加载表格数据 table.reload('demo', { initSort: obj, // 设置初始排序参数 where: { field: obj.field, // 将排序字段传递到后端 order: obj.type // 将排序类型传递到后端 } }); }); ``` 在这里,你可以根据 `obj.field` 和 `obj.type` 来发送请求,获取排序后的数据。 这样,通过以上步骤配置后,你的 layui 表格就支持排序功能了。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值