网格视图.使用JavaScript排序(没有jQuery或任何插件）

GridView.Sort using JavaScript (no jQuery or any plugins)?

本文关键字：jQuery 任何 插件 没有 视图 使用 JavaScript 排序 网格      更新时间：2023-09-26

<%#XPath("ID"(%><%#XPath("PQR"(%><%#XPath("XYZ"(%>

我有一个带有id列表的下拉列表，需要使用纯JavaScript在GridView中只显示该id的数据，而不使用任何插件或代码隐藏文件，没有jQuery。如何使用JavaScript。感谢

首先指定在下拉列表的选择更改时运行的javascript函数：

<asp:DropDownList ID="DropDownList1" runat="server" onchange="filterGrid(this.value);">

然后在filterGrid js函数中写入逻辑：

function filterGrid(value)
    {
        var grid = document.getElementById('<%= GridView1.ClientID %>');
        if (grid != null)
        {
            var rows = grid.getElementsByTagName("tr");
            for (var i = 0; i < rows.length; ++i)
            {
                var cells = rows[i].getElementsByTagName("td");
                if (cells.length > 0)
                {
                    if (cells[IndexOfColumnWithId].innerText === value)
                        rows[i].style.display = 'table-row';
                    else
                        rows[i].style.display = 'none';
                }
            }
        }
    }

将上面代码中的IndexOfColumnWithId替换为网格中id列索引的整数值。

相关文章：