从文本框过滤gridview显示一些消息 [英] While filtering gridview from textbox show some message

问题描述

我有一个 Gridview 和文本框，它在gridview之外。我输入了一些文字并过滤了网格中的记录。

现在我想要的是，如果存在没有记录

以下是我的过滤代码

 < input type =textid =txtSearchSAPonkeyup ='FilterGrid（this）;'class =field-style field-full align-nonemaxlength =18/> 
  

JS代码过滤器

 函数FilterGrid（Obj）{
 var grid = document.getElementById（'MainContent_grdSapDetails'）; 
 var terms = Obj.value.toUpperCase（）; 
 var cellNr = 0; 
 var ele; 
 for（var r = 1; 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'; 
} 
} 
  

解决方案

您可以在的顶部为循环检查条件，并且您可以添加像这样的消息

  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  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）; 
} 
} 
  

I have a Gridview and textbox which is outside the gridview. I enter some text and filter records from the grid.

Now what I want is, I want to show No Records Found message if there are no matching records for the text inserted.

Below is my code for filtering

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

JS Code for filter

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';
        }
    }

解决方案

In top of your for loop you can check condition and you can add Message like this

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);
          }
    }

这篇关于从文本框过滤gridview显示一些消息的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！