Bezdepbonusu7Программирование: статьи и ответы

Вопрос

Если выбранный индекс DropDownList изменен, скрыть строки сетки

Автор вопроса: Pod MaysОтветов: 1

Как вызвать событие dropdownlist.selectedindex.changed на стороне клиента?

Можно ли это сделать с помощью javascript/jquery?

Что я должен включить в разметку, чтобы включить javascripts?

<%@ 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
  • Вам придется дать немного больше информации, да, это можно сделать, но что вы хотите скрыть? определенные строки, вся сетка? TBohnen.jnr 20.05.2011
  • если выпадающий список изменится, скройте строки gridview. я хочу сделать это на стороне клиента, как должен выглядеть javascript? Pod Mays 20.05.2011
  • @TBohnen только некоторые определенные строки. Я считаю, что включил это в название темы. Pod Mays 20.05.2011
  • Знаете ли вы индекс строки, который вы хотите скрыть при изменении выбранного индекса? Muhammad Akhtar 20.05.2011

javascriptdrop-down-menugridviewjquery

Ответы

Ответ 1 · рейтинг 3 · Muhammad Akhtar

Вы можете прикрепить событие 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>

Перевод вопроса и ответов сообщества Stack Overflow, лицензия CC BY-SA. Оригинал на Stack Overflow.

Похожие материалы