Как разработать опцию поиска для поиска по столбцу в MVC View table - PullRequest
Новая
       8

Как разработать опцию поиска для поиска по столбцу в MVC View table

0 голосов
/ 04 мая 2018

Есть ли правильный способ поиска данных в таблице .cshtml по столбцу. Каждый столбец должен иметь текстовое поле. Я попробовал это с JavaScript и ниже мой код. Но это не работает. Кто-нибудь может направить меня, чтобы сделать это правильно? 

        function searchSup()
    {
        $('#example thead th').each
            ( function ()
                {
                    var title = $(this).text();
                    $(this).html('<input type="text" id="SupInput" placeholder="Search ' + title + '" class="form-control"/>');
                } 
            );

        var input, filter, table, tr, td, i;
        input = document.getElementById("SupInput");
        filter = input.value.toUpperCase();
        table = document.getElementById("SupTable");
        tr = table.getElementsByTagName("tr");
            for (i = 0; i < tr.length; i++) 
                {
                    var supname = tr[i].cells[0].textContent.toUpperCase();
                    var contact = tr[i].cells[1].textContent.toUpperCase();
                    var address = tr[i].cells[2].textContent.toUpperCase();
                    var telephone = tr[i].cells[3].textContent.toUpperCase();
                    if (td) 
                        {
                            if (supname.indexOf(filter) > -1 || contact.indexOf(filter) > -1 || address.indexOf(filter) > -1 || telephone.indexOf(filter) > -1) 
                                {
                                    tr[i].style.display = "";
                                } 
                                else 
                                {
                                    tr[i].style.display = "none";
                                }
                        }
                }   
    }

Я получаю сообщение об ошибке в этой строке tr = table.getElementsByTagName("tr");, говорящее getElementsByTagName value is null

Кто-нибудь может мне помочь?

1 Ответ

0 голосов
/ 04 мая 2018

Вы можете использовать jQuery DataTable с пользовательским поиском по столбцам , который я без проблем интегрировал в некоторые проекты ASP.NET MVC.

Есть и другие демоверсии, но на первом этапе вам скорее всего хватит предыдущих страниц.

DataTable (на стороне сервера)

Надеюсь, это поможет ...

...