Javascript 从文本框筛选gridview时显示一些消息

我有一个

Gridview

和

textbox

在Gridview之外。我输入一些文本并从网格中过滤记录

现在我想做的是，如果插入的文本没有匹配的记录，我想显示未找到任何记录消息

下面是我的过滤代码

<input type="text" id="txtSearchSAP" onkeyup='FilterGrid(this);' class="field-style field-full align-none" maxlength="18" />

JS过滤器代码

function FilterGrid(Obj) {
        var grid = document.getElementById('MainContent_grdSapDetails');
        var terms = Obj.value.toUpperCase();
        var cellNr = 0;
        var ele;
        for (var r = 1; r < grid.rows.length; r++) {
            ele = grid.rows[r].cells[cellNr].innerHTML.replace(/<[^>]+>/g, "");
            if (ele.toUpperCase().indexOf(terms) >= 0)
                grid.rows[r].style.display = '';
            else grid.rows[r].style.display = 'none';
        }
    }

函数过滤器网格（Obj）{
var grid=document.getElementById（'MainContent_grdSapDetails'）；
var terms=Obj.value.toUpperCase（）；
var-cellNr=0；
var-ele；
对于（var r=1；r/g，”）；
如果（ele.toUpperCase（）.indexOf（terms）>=0）
grid.rows[r].style.display=''；
else grid.rows[r].style.display='none'；
}
}

在标记上，设置

GridView

<asp:GridView ID="GridView1" runat="server" EmptyDataText="No Records Found">
    <Columns>
    ......
    </Columns>
</GridView>

......

在

for

循环的顶部，您可以检查条件并添加如下消息

function FilterGrid(Obj) {
        var grid = document.getElementById('MainContent_grdSapDetails');
        var terms = Obj.value.toUpperCase();
        var cellNr = 0;
        var ele;
     if(grid.rows.length >0){
        for (var r = 1; r < grid.rows.length; r++) {
            ele = grid.rows[r].cells[cellNr].innerHTML.replace(/<[^>]+>/g, "");
            if (ele.toUpperCase().indexOf(terms) >= 0)
                grid.rows[r].style.display = '';
            else grid.rows[r].style.display = 'none';
        }
       }
       else{
       alert("No Records Available);
          }
    }

函数过滤器网格（Obj）{
var grid=document.getElementById（'MainContent_grdSapDetails'）；
var terms=Obj.value.toUpperCase（）；
var-cellNr=0；
var-ele；
如果（grid.rows.length>0）{
对于（var r=1；r/g，”）；
如果（ele.toUpperCase（）.indexOf（terms）>=0）
grid.rows[r].style.display=''；
else grid.rows[r].style.display='none'；
}
}
否则{
警报（“无可用记录”）；
}
}

我添加了，但它没有显示。！。我想我可能需要添加JS