搜索特定列中的一系列数字并隐藏不在该范围内的行

米拉达

我想在没有数据表插件和使用 jquery 或 javascript 的情况下搜索表的某一列以查找一系列数字。
最小值的文本框和最大值的文本框。

我对某些列进行了简单的搜索,但我不知道如何使其搜索范围。

javascript :

function SFNAAB_Code() {

    var input, filter, table, tr, td, i;
    input = document.getElementById("SFNAAB_CodeInput");
    filter = input.value.toUpperCase();
    table = document.getElementById("myTable");
    tr = table.getElementsByTagName("tr");

    for (i = 0; i < tr.length; i++) {
        td = tr[i].getElementsByTagName("td")[1];
        if (td) {
            if (td.innerHTML.toUpperCase().indexOf(filter) > -1) {
                tr[i].style.display = "";
            } else {
                tr[i].style.display = "none";
            }
        }
    }
}

HTML :

<input type="text" id="SFNAAB_CodeInput" onkeyup="SFNAAB_Code()" 
placeholder="Search By NAAB Code...">

<table id="myTable">
    <thead>
    <tr>
        <th>
            @Html.DisplayNameFor(model => model.RegNo)
        </th>
        <th>
            @Html.DisplayNameFor(model => model.NAAB_CODE)
        </th>
        <th>
            @Html.DisplayNameFor(model => model.NAME)
        </th>
        <th>
            @Html.DisplayNameFor(model => model.ICC)
        </th>
    </tr>
    </thead>
    <tbody>
    @foreach (var item in Model)
    {
        <tr>
            <td>
                @Html.DisplayFor(modelItem => item.RegNo)
            </td>
            <td>
                @Html.DisplayFor(modelItem => item.NAAB_CODE)
            </td>
            <td>
                @Html.DisplayFor(modelItem => item.NAME)
            </td>
            <td>
                @Html.DisplayFor(modelItem => item.ICC)
            </td>
        </tr>
    }
        </tbody>
  </table>
米拉达

使用具有以下选项的数据表插件的范围搜索解决了它:

var table = $('#myTable').DataTable({
        paging: false,
        info: false
    });

并且还从 sDOM 中删除了 f。
继承人的代码:

$.fn.dataTable.ext.search.push(
function( settings, data, dataIndex ) {
    var min = parseInt( $('#min').val(), 10 );
    var max = parseInt( $('#max').val(), 10 );
    var age = parseFloat( data[3] ) || 0;

    if ( ( isNaN( min ) && isNaN( max ) ) ||
         ( isNaN( min ) && age <= max ) ||
         ( min <= age   && isNaN( max ) ) ||
         ( min <= age   && age <= max ) )
    {
        return true;
    }
    return false;
}
);

$(document).ready(function() {
var table = $('#example').DataTable({
    paging: false,
    info: false
});

$('#min, #max').keyup( function() {
    table.draw();
} );
} );

数据表自定义过滤 - 范围搜索

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

在bash脚本中的特定范围内创建一系列不同的随机数

来自分类Dev

生成值的数据框,该值在一系列范围内

来自分类Dev

如何在一系列特定的恒定宽度列范围内计算平均值?

来自分类Dev

如何复制一系列公式值并将其粘贴到另一张工作表中的特定范围内?

来自分类Dev

如何在python中搜索一系列行?

来自分类Dev

在 perl 中搜索和删除一系列行

来自分类Dev

Google表格返回基于值的范围内的一系列连接值

来自分类Dev

查找一系列范围内最频繁重复的整数

来自分类Dev

查找一系列范围内最频繁重复的整数

来自分类Dev

VBA Excel 选择命名范围内的一系列单元格

来自分类Dev

在while循环中遇到麻烦,该循环从输入中获取了一系列特定的数字

来自分类Dev

如何使用“安全随机”搜索一系列数字?

来自分类Dev

在列表中搜索一系列数字,但返回第一个示例的索引

来自分类Dev

从SQL / Oracle中的一系列数字中查找范围

来自分类Dev

如何从数据帧每一行的一系列数字中选择特定值

来自分类Dev

在工作表中搜索一系列列,并返回找到搜索键的Column标头

来自分类Dev

在一系列字段内搜索 MongoDB

来自分类Dev

如何根据多索引定义的范围对一列中的一系列值求和

来自分类Dev

在angularjs中创建一系列显示/隐藏屏幕

来自分类Dev

如何在Excel中隐藏一系列行,直到值更改

来自分类Dev

将一系列数字分成不同的行 - Pandas

来自分类Dev

搜索向量中的一系列记录

来自分类Dev

在Python的列表中附加一系列数字,作为1行代码

来自分类Dev

Grep用于R中的一系列数字

来自分类Dev

如何对bash中的一系列数字求和

来自分类Dev

如何添加一系列数字中的Java

来自分类Dev

可以在字典中列出一系列数字吗?

来自分类Dev

如何在python中添加一系列数字

来自分类Dev

在Ruby中对一系列数字使用取模

Related 相关文章

  1. 1

    在bash脚本中的特定范围内创建一系列不同的随机数

  2. 2

    生成值的数据框,该值在一系列范围内

  3. 3

    如何在一系列特定的恒定宽度列范围内计算平均值?

  4. 4

    如何复制一系列公式值并将其粘贴到另一张工作表中的特定范围内?

  5. 5

    如何在python中搜索一系列行?

  6. 6

    在 perl 中搜索和删除一系列行

  7. 7

    Google表格返回基于值的范围内的一系列连接值

  8. 8

    查找一系列范围内最频繁重复的整数

  9. 9

    查找一系列范围内最频繁重复的整数

  10. 10

    VBA Excel 选择命名范围内的一系列单元格

  11. 11

    在while循环中遇到麻烦,该循环从输入中获取了一系列特定的数字

  12. 12

    如何使用“安全随机”搜索一系列数字?

  13. 13

    在列表中搜索一系列数字,但返回第一个示例的索引

  14. 14

    从SQL / Oracle中的一系列数字中查找范围

  15. 15

    如何从数据帧每一行的一系列数字中选择特定值

  16. 16

    在工作表中搜索一系列列,并返回找到搜索键的Column标头

  17. 17

    在一系列字段内搜索 MongoDB

  18. 18

    如何根据多索引定义的范围对一列中的一系列值求和

  19. 19

    在angularjs中创建一系列显示/隐藏屏幕

  20. 20

    如何在Excel中隐藏一系列行,直到值更改

  21. 21

    将一系列数字分成不同的行 - Pandas

  22. 22

    搜索向量中的一系列记录

  23. 23

    在Python的列表中附加一系列数字,作为1行代码

  24. 24

    Grep用于R中的一系列数字

  25. 25

    如何对bash中的一系列数字求和

  26. 26

    如何添加一系列数字中的Java

  27. 27

    可以在字典中列出一系列数字吗?

  28. 28

    如何在python中添加一系列数字

  29. 29

    在Ruby中对一系列数字使用取模

热门标签

归档