如何在gridview中突出显示单词

时间:2012-03-03 14:13:51

标签: c# asp.net sql-server-2008 gridview

如何在gridview控件中突出显示查询文本?

3 个答案:

答案 0 :(得分:2)

如果您想要此客户端,请按照以下步骤操作:

将jQuery引用添加到您的page.add文本输入calles txt_Search

然后使用此脚本:

 $(document).ready(function () {
            $('#txt_Search').keyup(function () {
                searchTable($(this).val());
            });

            function searchTable(inputVal) {
                var table = $('#GridView1');
                table.find('tr').each(function (index, row) {
                    var allCells = $(row).find('td');
                    if (allCells.length > 0) {
                        var found = false;
                        allCells.each(
            function (index, td) {
                var regExp = new RegExp(inputVal, 'i');
                if (regExp.test($(td).text())) {
                    found = true;
                    return false;
                }});
                        if (found == true) $(row).show(); else $(row).hide();
                    }
                });
            }
        });

答案 1 :(得分:0)

var gv = document.getElementById("#GridView1");

    for (var i = 0; i < gv.all.length; i++) {
var cellValue = grid.rows[i].cells[0].elements[0];
cellValuestyle.background = '#DD00DD';
}

答案 2 :(得分:-4)

使用<label>等标记搜索文本 dress ,并且不要忘记为标签添加突出显示样式。