2011-05-20 36 views
3

我如何调用事件dropdownlist.selectedindex.changed上的客户端?如果DropDownList的选定索引改变,隐藏的GridView行

可以这样用JavaScript/jQuery的呢?

我应该包括在标记启用JavaScript的?

<%@ Page Title="Report" Language="C#" MasterPageFile="~/Site.master" AutoEventWireup="true" CodeFile="Report.aspx.cs" Inherits="Report" %> 

<%@ PreviousPageType VirtualPath="~/Top.aspx" %> 

我希望做这样的

IF SelectedValue = 2, Hide Row 1,2,3, and 4 
IF SelectedValue = 3, Hide Row 11,21,31, and 41 
+3

什么是你的问题? – jams 2011-05-20 05:13:29

+0

你必须提供更多的信息,是的,它可以完成,但你想隐藏什么?某些行,整个网格? – 2011-05-20 05:14:23

+0

如果dropdownlist被更改,然后隐藏gridview行。我想在客户端做到这一点,JavaScript应该怎么样? – 2011-05-20 05:22:42

回答

3

东西,你可以在你的下拉附加onchange事件的JavaScript。然后,每当你selected Index changes,将火和调用JavaScript update方法,在其中您可以隐藏特定的行。

<asp:DropDownList ID="ddl" onchange="javascript:update();" 

这里是JavaScript代码

<script language="javascript" type="text/javascript"> 
    function update() { 
     var ri = 2; // I suppose that you know the Index of Row Which you want to hide 
     var grd = document.getElementById('<%= grd.ClientID %>'); 
     grd.rows[ri].style.display = 'none'; 
    } 

</script> 
+0

@Muhammad是否可以隐藏动态行?或者更像这样:当selectedvalue = 2时隐藏多行等等。 – 2011-05-20 06:06:36

+0

@ Pod;是的,但你需要将RowIndex传递给你的javascript方法。 – 2011-05-20 06:07:59

+0

@muhammad如何将值传递给javascript方法?它是否像c#?更新(selectedvalue,rowtohide)? – 2011-05-20 06:10:15

相关问题