Jquery数据表 - 使用复选框自定义过滤ID组的最后一个元素

时间:2016-12-09 14:18:13

标签: javascript jquery datatables

我的数据在jquery数据表中看起来如下所示

Id      Revision
-----------------
123400 | 01
123401 | 04
123402 | 09
456789 | 00
456790 | 05
-----------------

现在,用户需要一个筛选数据表的复选框,以仅显示一组ID中表的最后一个条目(按前4个字符分组)。 这应该是过滤上表

的结果
Id      Revision
-----------------
123402 | 09
456790 | 05
-----------------

Ids按" 1234"分组。和" 4567"并显示最后的条目。

所以我获取从服务器获取的所有数据,并构建一个包含上面第二个表的数据的新数组:

var lastIndex;
    var lastRev;
    var newData = [];
    var n = 0;
    for (var k = 0; k < data.length; k++)
    {
        // if new ID is unknown and new Rev is unknown, fill newData and count up
        if (data[k][0].indexOf(lastIndex) < 0 && data[k][1].indexOf(lastRev) < 0) {
            newData[n] = data[k];
            n++;
        }
        else // else overwrite last element
        {
            newData[n - 1] = data[k];
        }

        lastIndex = data[k][0].substring(0, 4);
        lastRev = data[k][1];
    }

现在出现的部分并不像预期的那样工作

$.fn.dataTableExt.afnFiltering.push(function (oSettings, aData, iDataIndex) {

        var checked = $('#myCheckbox').is(':checked');

        if (checked)
    {

            for (var i = 0; i < newData.length; i++)
            {                
                if ((aData[0] == newData[i][0]) && (aData[1] == newData[i][1]))
                {
                    return true;
                }
                else
                {
                    return false;
                }
            }

        }
        else
        {
            return true;
        }
    }

var oTable = $('#myTable').dataTable();
    $('#myCheckbox').on("click", function (e) {
        oTable.fnDraw();
    });

这只返回第一个元素,即Id&#34; 123402&#34;修订版&#34; 09&#34;。 但我希望它显示在上面的第二个表中。

我做错了什么,或者我在这里缺少什么? 任何帮助将不胜感激

提前谢谢你, 查理H。

1 个答案:

答案 0 :(得分:1)

问题:问题在于这部分逻辑。

      for (var i = 0; i < newData.length; i++)
        {                
            if ((aData[0] == newData[i][0]) && (aData[1] == newData[i][1]))
            {
                return true;
            }
            else
            {
                return false;
            }
        }

这有一个永远不会超过第一次迭代的返回语句。这就是你只得到一行的原因。

解决方案:您必须删除else循环中的for部分。如下所示

      for (var i = 0; i < newData.length; i++)
        {                
            if ((aData[0] == newData[i][0]) && (aData[1] == newData[i][1]))
            {
                return true;  // if record found return true immediately;
            } 
            // if not found wait for next loop, we need to make sure we 
            //complete the loop before deciding the data not found.              
        }
        return false; // Now since we are out of the loop its obvious that 
                      //we didnt find the record.

希望这会有所帮助..