Как добавить строку для фильтрации в ASP.NET MVC GridView?

Question

Я использую ASP.NET GridView для отображения моих данных из вызова веб-службы.Мне нужно добавить одну строку после заголовка, который будет содержать текстовое поле для поиска в соответствующем столбце.Как я могу это сделать?

Answer 1

В asp.net mvc нет GridView, если вы не используете стороннюю библиотеку.

Есть ли у вас визуализированный GridView?Если нет, то рассматриваете ли вы подкачку на стороне сервера / на стороне клиента?

Для обоих случаев рассмотрите Html DataTable.С помощью DataTable вы можете просто написать следующий код, чтобы иметь GridView с функцией поиска:

$(document).ready(function() {
    // Setup - add a text input to each footer cell
    $('#example thead tr').clone(true).appendTo( '#example thead' );
    $('#example thead tr:eq(1) th').each( function (i) {
        var title = $(this).text();
        $(this).html( '<input type="text" placeholder="Search '+title+'" />' );

        $( 'input', this ).on( 'keyup change', function () {
            if ( table.column(i).search() !== this.value ) {
                table
                    .column(i)
                    .search( this.value )
                    .draw();
            }
        } );
    } );

    var table = $('#example').DataTable( {
        orderCellsTop: true,
        fixedHeader: true
    } );
} );

Это отобразит сетку с текстовым полем для функции поиска.

См. Подробное описаниездесь: https://datatables.net/extensions/fixedheader/examples/options/columnFiltering.html