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>