Question

我正在使用ASP.NET GridView来显示来自Web服务调用的数据。我需要在标题后添加一行，标题将包含一个文本框以在相应的列中进行搜索。我该怎么办？

Answer 1

除非使用第三方库，否则asp.net mvc中没有GridView。

您是否渲染了GridView？如果不是，那么您是否正在考虑服务器端/客户端页面调度？

对于这两种情况，请考虑HTML数据表。使用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

如何在ASP.NET MVC GridView中添加行以进行过滤？

1 个答案: