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>