【问题标题】:How can I highlight a word within gridview如何在gridview中突出显示一个单词
【发布时间】:2013-09-20 20:05:14
【问题描述】:

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

【问题讨论】:

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


【解决方案1】:

如果你想做这个客户端,请按照以下步骤操作:

将 jQuery 引用添加到您的页面。添加一个文本输入调用 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();
                    }
                });
            }
        });

【讨论】:

    【解决方案2】:
    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';
    }
    

    【讨论】:

      【解决方案3】:

      搜索文本,穿戴标签,例如&lt;label&gt;,不要忘记为标签添加高亮样式。

      【讨论】:

        猜你喜欢
        • 1970-01-01
        • 1970-01-01
        • 2012-04-01
        • 2012-03-22
        • 2011-10-14
        • 2013-02-17
        • 1970-01-01
        • 1970-01-01
        • 2018-03-05
        相关资源
        最近更新 更多