JS控制通过Select选择Gridview

<%@ Page Title="" Language="C#" MasterPageFile="~/Page/Main.Master" AutoEventWireup="true"
    CodeBehind="EmpInfo.aspx.cs" Inherits="SureKAM.SPM.Portal.WebSite.Page.InfoQuery.EmpInfo" %>

<%@ Register Assembly="SureKAM.SPM.Portal.Controls" Namespace="SureKAM.SPM.Portal.Controls"
    TagPrefix="cc1" %>
<asp:Content ID="Content1" ContentPlaceHolderID="head" runat="server">
    <link href="/Style/content.css" rel="stylesheet" type="text/css" />
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="leftPlaceHolder" runat="server">
    项目
</asp:Content>
<asp:Content ID="Content3" ContentPlaceHolderID="sitemapPlaceHolder" runat="server">
    <asp:UpdatePanel ID="PagePanel1" runat="server" UpdateMode="Conditional">
        <ContentTemplate>
            <div class="Nav_body leftTreeHieght">
                <asp:TreeView ID="TreeView1" ExpandDepth="2" ShowLines="true" runat="server">
                    <ParentNodeStyle ImageUrl="~/Images/parentNode.jpg" />
                    <LeafNodeStyle ImageUrl="~/Images/childNode.jpg" />
                </asp:TreeView>
            </div>
        </ContentTemplate>
    </asp:UpdatePanel>
</asp:Content>
<asp:Content ID="Content4" ContentPlaceHolderID="contentPlaceHolder" runat="server">
    <style type="text/css">
        .unDisplay
        {
            display: none;
        }
    </style>
    <asp:UpdatePanel ID="UpdatePanel2" runat="server">
        <ContentTemplate>
            <div class="page_content">
                <div class="Title_Back">
                    <div class="Title_Back_img">
                    </div>
                    <div class="Title_Back_Text">
                        <label>
                            人员基本信息</label>
                    </div>
                </div>
                <div class="Nav_body">
                    <div class="Line">
                        <div class="spanleft">
                            <label class="MyLabel">
                                姓名:</label>
                            <asp:Label ID="lbluserName" CssClass="MyLabel" runat="server" Text=""></asp:Label>
                        </div>
                        <div class="spanRight">
                            <label>
                                部门:</label>
                            <asp:HyperLink ID="HyperLinkdepartment" runat="server"></asp:HyperLink>
                        </div>
                    </div>
                    <div class="Line">
                        <div class="spanleft">
                            <label class="MyLabel">
                                职务:</label>
                            <asp:Label ID="LblPosition" CssClass="MyLabel" runat="server" Text=""></asp:Label>
                        </div>
                        <div class="spanRight">
                            <label class="MyLabel">
                                级别:</label>
                            <asp:Label ID="Lbllevel" CssClass="MyLabel" runat="server"></asp:Label>
                        </div>
                    </div>
                    <div class="Line">
                        <div class="spanleft">
                            <label class="MyLabel">
                                曾参与项目数:</label>
                            <asp:Label ID="lblHistoryProjectCount" CssClass="MyLabel" runat="server" Text=""></asp:Label>
                        </div>
                        <div class="spanRight">
                            <label class="MyLabel">
                                当前参与项目数:</label>
                            <asp:Label ID="LblCurrentProjectCount" CssClass="MyLabel" runat="server"></asp:Label>
                        </div>
                    </div>
                    <div class="Line">
                        <div class="spanleft">
                            <label class="MyLabel">
                                邮箱:</label>
                            <asp:Label ID="LblEmail" CssClass="MyLabel" runat="server" Text=""></asp:Label>
                        </div>
                    </div>
                </div>
            </div>
        </ContentTemplate>
    </asp:UpdatePanel>
    <div class="Mypage_content">
        <div class="Title_Back">
            <div class="Title_Back_img">
            </div>
            <div class="Title_Back_Text">
                <label>
                    参与项目信息</label>
            </div>
        </div>
        <div class="dropdownList">
            <select id="dp1" onchange="DisplayProjectPerson()">
                <option value="0">所有参与项目</option>
                <option value="-1">曾参与的项目</option>
                <option value="1">当前参与的项目</option>
            </select>
        </div>
        <div class="Nav_body">
            <asp:GridView ID="GridView1" ClientIDMode="Static" runat="server" CssClass="GridViewCss"
                Width="100%" AutoGenerateColumns="False" EmptyDataText="没有相关数据">
                <Columns>
                    <asp:BoundField runat="server" DataField="ProjectStatus">
                        <ControlStyle CssClass="unDisplay"></ControlStyle>
                        <FooterStyle CssClass="unDisplay"></FooterStyle>
                        <HeaderStyle CssClass="unDisplay"></HeaderStyle>
                        <ItemStyle CssClass="unDisplay"></ItemStyle>
                    </asp:BoundField>
                    <asp:TemplateField>
                        <HeaderTemplate>
                            <label style="font-size: 12px; color: #5c6063; height: 30px;">
                                序号</label></HeaderTemplate>
                        <ItemTemplate>
                            <label>
                                <%=Number++ %></label>
                        </ItemTemplate>
                    </asp:TemplateField>
                    <asp:HyperLinkField HeaderText="项目名称" DataTextField="projectName" DataNavigateUrlFields="ProjectId"
                        DataNavigateUrlFormatString="ProjectMinuteInfo.aspx?ProjectCode={0}" />
                    <asp:BoundField HeaderText="角色" DataField="role" />
                    <asp:BoundField HeaderText="计划工时合计(h)" DataField="amountPlanHour" />
                    <asp:BoundField HeaderText="已用工时合计(h)" DataField="amountCostHour" />
                    <asp:BoundField HeaderText="预计剩余工时合计(h)" DataField="amountRestHour" />
                    <asp:BoundField HeaderText="任务总数" DataField="totalWorkmItemCount" />
                    <asp:BoundField HeaderText="已完成任务数" DataField="finishedWorkItemCount" />
                    <asp:BoundField HeaderText="剩余任务数" DataField="restWorkItemCount" />
                    <asp:TemplateField HeaderText="项目状态">
                        <ItemTemplate>
                            <div style="height: 30px;">
                                <span id="Label1" runat="server">
                                    <%# (Eval("Iteration")) %></span> -<span id="Label2" runat="server"><%# (Eval("Stage")) %></span></div>
                        </ItemTemplate>
                        <EditItemTemplate>
                            <asp:TextBox ID="TextBox1" runat="server" Text='<%# Bind("projectStatus") %>'></asp:TextBox>
                        </EditItemTemplate>
                    </asp:TemplateField>
                    <asp:BoundField DataField="ProjectId" HeaderText="ProjectId" Visible="False" />
                </Columns>
                <EmptyDataRowStyle HorizontalAlign="Center" VerticalAlign="Middle" />
                <RowStyle HorizontalAlign="Center" VerticalAlign="Middle" />
            </asp:GridView>
            <%-- <cc1:ScollGridView ID="ScollGridView1" runat="server" ScrollHeight=""
                                        ScrollWidth="" AutoGenerateColumns="False">

                                        <Columns>
                                            <asp:TemplateField>
                                                <HeaderTemplate>
                                                    <label style="font-size: 12px; color: #5c6063; height: 30px;">
                                                        序号</label></HeaderTemplate>
                                                <ItemTemplate>
                                                    <label>
                                                        <%=Number++ %></label>
                                                </ItemTemplate>
                                            </asp:TemplateField>
                                            <asp:HyperLinkField HeaderText="项目名称" DataTextField="projectName" />
                                            <asp:BoundField HeaderText="角色" DataField="role" />
                                            <asp:BoundField HeaderText="计划工时合计(h)" DataField="amountPlanHour" />
                                            <asp:BoundField HeaderText="已用工时合计(h)" DataField="amountCostHour" />
                                            <asp:BoundField HeaderText="预计剩余工时合计(h)" DataField="amountRestHour" />
                                            <asp:BoundField HeaderText="任务总数" DataField="totalWorkmItemCount" />
                                            <asp:BoundField HeaderText="已完成任务数" DataField="finishedWorkItemCount" />
                                            <asp:BoundField HeaderText="剩余任务数" DataField="restWorkItemCount" />
                                            <asp:BoundField HeaderText="项目状态" DataField="projectStatus" />
                                        </Columns>

                                    </cc1:ScollGridView>--%>
        </div>
    </div>
    <script type="text/javascript">

        function DisplayProjectPerson() {
            var typeselect = document.getElementById("dp1");
            var table1 = document.getElementById('GridView1');
            if (table1 == undefined) {
                return;
            }
            var rows = table1.rows;
            if (rows.length < 2) {
                return;
            }

            var index = typeselect.selectedIndex; //序号,取当前选中选项的序号
            if (typeselect.options[index].value == "0") {

                for (var i = 1; i < rows.length; i++) {
                    rows[i].style.display = "block";

                }
            }
            if (typeselect.options[index].value == "1") {

                for (var i = 1; i < rows.length; i++) {
                    if (rows[i].cells[0].innerText == "True") {
                        rows[i].style.display = "block";
                    } else {
                        rows[i].style.display = "none";
                    }
                }
            }
            if (typeselect.options[index].value == "-1") {
                for (var i = 1; i < rows.length; i++) {
                    if (rows[i].cells[0].innerText == "False") {
                        rows[i].style.display = "block";
                    } else {
                        rows[i].style.display = "none";
                    }
                }
            }

        }
    </script>
</asp:Content>

原文地址:https://www.cnblogs.com/wangyhua/p/4050669.html