【问题标题】:While filtering gridview from textbox show some message从文本框中过滤gridview时显示一些消息
【发布时间】:2017-04-11 06:44:52
【问题描述】:

我有一个Gridviewtextbox,它们在gridview 之外。我从网格中输入一些文本并过滤记录。

现在我想要的是,如果插入的文本没有匹配的记录,我想显示 No Records Found 消息。

下面是我的过滤代码

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

【问题讨论】:

    标签: javascript jquery asp.net gridview


    【解决方案1】:

    在您的 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);
              }
        }
    

    【讨论】:

      【解决方案2】:

      在您的标记上,设置您的GridViewEmptyDataText 属性

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

      【讨论】:

      • 我添加了,但没有显示。!。我猜我可能需要添加 JS
      猜你喜欢
      • 1970-01-01
      • 2012-06-09
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2010-10-20
      相关资源
      最近更新 更多