我正在使用带有 c# 代码的 Asp.net，我有一个带有网格视图的页面，我想使用没有任何 ajax 的 javascr

I'm using Asp.net with c# code, I have a page with a gridview I would like to use javascript without any ajax to filter the rows

本文关键字：任何 javascr ajax 视图 net 代码 有一个 Asp 网格      更新时间：2023-09-26
function Search_Gridview(strKey, strGV) {
    var strData = strKey.value.toLowerCase().split(" ");
    var tblData = document.getElementById(strGV);
    var rowData;
    for (var i = 1; i < tblData.rows.length; i++) {
        rowData = tblData.rows[i].innerHTML;
        var styleDisplay = 'none';
        for (var j = 0; j < strData.length; j++) {
            if (rowData.toLowerCase().indexOf(strData[j]) >= 0)
                styleDisplay = '';
            else {
                styleDisplay = 'none';
                break;
            }
        }
        tblData.rows[i].style.display = styleDisplay;
    }
}
在网格中

我写了这段代码，但它只在网格视图中搜索一个页面，我希望它出现在所有网格视图页面中

然后在文本框中使用 

          <asp:TextBox ID="txtsearch" runat="server" onkeyup="Search_Gridview(this, 'GridView1')"></asp:TextBox>

有基于 javascipt 和 MVVC 的特殊引擎;AngularJS用于以良好的速度执行这些功能。

AngularJS允许您扩展应用程序的HTML词汇表。由此产生的环境具有非凡的表现力、可读性和快速开发性。

角

例 

<!doctype html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Example - example-example97-production</title>
  
  <script src="//ajax.googleapis.com/ajax/libs/angularjs/1.4.0-beta.1/angular.min.js"></script>
  
  
</head>
<body ng-app="">
  <div ng-init="friends = [{name:'John', phone:'555-1276'},
                         {name:'Mary', phone:'800-BIG-MARY'},
                         {name:'Mike', phone:'555-4321'},
                         {name:'Adam', phone:'555-5678'},
                         {name:'Julie', phone:'555-8765'},
                         {name:'Juliette', phone:'555-5678'}]"></div>
Search: <input ng-model="searchText">
<table id="searchTextResults">
  <tr><th>Name</th><th>Phone</th></tr>
  <tr ng-repeat="friend in friends | filter:searchText">
    <td>{{friend.name}}</td>
    <td>{{friend.phone}}</td>
  </tr>
</table>
<hr>
Any: <input ng-model="search.$"> <br>
Name only <input ng-model="search.name"><br>
Phone only <input ng-model="search.phone"><br>
Equality <input type="checkbox" ng-model="strict"><br>
<table id="searchObjResults">
  <tr><th>Name</th><th>Phone</th></tr>
  <tr ng-repeat="friendObj in friends | filter:search:strict">
    <td>{{friendObj.name}}</td>
    <td>{{friendObj.phone}}</td>
  </tr>
</table>
</body>
</html>

相关文章：