2

Como dar um postback ou limpar a seleção do dropdownlist para que ele volte ao estado de pré escolha usando jQuery ou JavaScript? Preciso limpar a seleção ao clicar numa tag p e chamar o metodo toggle(). Meu código é este:

<a class="a" id="aLinkID" href="javascript: void (0);" runat="server" onclick="">Clique
        aqui para exibir os horários disponíveis das salas </a>
    <br />
    <br />
    <asp:Panel ID="pnlSalas" runat="server" ClientIDMode="Static">
        <fieldset id="field">
            <legend>Horários Disponíveis</legend>
            <div>
                <asp:Label ID="lblSalas" Text="Salas: " runat="server"></asp:Label>
                <asp:DropDownList ID="ddlSalas" Width="120" DataTextField="ID" DataValueField="NOME_SALA"
                    runat="server" AutoPostBack="true" OnSelectedIndexChanged="ddlSalas_SelectedIndexChanged">
                </asp:DropDownList>
                <asp:GridView ID="gdvSalasDisponiveis" runat="server" AutoGenerateColumns="false"
                    CaptionAlign="left" CellPadding="4" CellSpacing="2" Font-Names="arial; tahoma"
                    Font-Size="small" EmptyDataText="" ForeColor="#333333" GridLines="none" HorizontalAlign="left">
                    <AlternatingRowStyle BackColor="White" ForeColor="#284775" />
                    <Columns>
                        <asp:BoundField DataField="id_sala" HeaderText="id_sala" SortExpression="id_sala"
                            Visible="false">
                            <HeaderStyle Width="30px" HorizontalAlign="left" />
                        </asp:BoundField>
                        <asp:BoundField DataField="nome_sala" HeaderText="Sala" SortExpression="nome_sala"
                            ItemStyle-HorizontalAlign="Left">
                            <HeaderStyle Width="100px" HorizontalAlign="Left" />
                        </asp:BoundField>
                        <asp:TemplateField HeaderText="Data Início" HeaderStyle-HorizontalAlign="Center">
                            <ItemTemplate>
                                <%# Eval("data_inicio", "{0:dd/MM/yyyy}")%>
                                <%--   <%# DataBinder.Eval(Container.DataItem, "data_inicio", "{0:dd/MM/yyyy}")%>--%>
                            </ItemTemplate>
                        </asp:TemplateField>
                        <asp:TemplateField HeaderText="Data Fim" HeaderStyle-HorizontalAlign="Center">
                            <ItemTemplate>
                                <%# Eval("data_fim", "{0:dd/MM/yyyy}")%>
                            </ItemTemplate>
                        </asp:TemplateField>
                        <asp:TemplateField HeaderText="Horário Disponível" ItemStyle-HorizontalAlign="Center">
                            <ItemTemplate>
                                <asp:Label ID="lblHoras" runat="server" Text='<%# String.Format("{0} {1} {2}", Eval("HORA_INICIO"), " às ", Eval("HORA_FIM")) %>'></asp:Label>
                            </ItemTemplate>
                        </asp:TemplateField>
                    </Columns>
                    <EditRowStyle BackColor="#999999" />
                    <EmptyDataTemplate>
                    </EmptyDataTemplate>
                    <FooterStyle BackColor="#5D7B9D" Font-Bold="True" ForeColor="White" HorizontalAlign="Center"
                        VerticalAlign="Middle" />
                    <HeaderStyle BackColor="#5D7B9D" Font-Bold="False" Font-Size="Small" ForeColor="White"
                        Height="30px" HorizontalAlign="Right" VerticalAlign="Middle" Wrap="True" />
                    <PagerSettings Position="TopAndBottom"></PagerSettings>
                    <PagerStyle BackColor="#284775" ForeColor="White" HorizontalAlign="center" />
                    <RowStyle BackColor="#F7F6F3" ForeColor="#333333" />
                    <SelectedRowStyle BackColor="#E2DED6" Font-Bold="True" ForeColor="#333333" />
                    <SortedAscendingCellStyle BackColor="#E9E7E2" />
                    <SortedAscendingHeaderStyle BackColor="#506C8C" />
                    <SortedDescendingCellStyle BackColor="#FFFDF8" />
                    <SortedDescendingHeaderStyle BackColor="#6F8DAE" />
                </asp:GridView>
            </div>
        </fieldset>
    </asp:Panel>

   <script type="text/javascript">

    $(document).ready(function () {
        $('.a').click(function () {
            $("#pnlSalas").toggle();
        });
    });

</script>
6
  • O que queres dizer com "postback "?
    – Sergio
    Commented 5/06/2015 às 17:57
  • Quer apenas limpar a seleção e voltar ao item inicial programaticamente? Não precisa de postback para isso. Se souber o valor do item inicial, com jQuery pode fazer assim $("#meuDropDown").val("valorInicial"). Se quer selecionar o primeiro item, então faça: $("#meuDropDown").val($("#meuDropDown option:first").val()); Commented 5/06/2015 às 18:08
  • @MarcusVinicius, é isso mesmo que eu preciso, já tentei coisas parecidas e não voltou para o valor do item inicial. Vou tentar o que vc passou e retorno aqui. Valeu.
    – AndreeH
    Commented 8/06/2015 às 12:16
  • @MarcusVinicius, não funcionou, tentei dar um alert pra ver qual valor ele está pegando e ele nem mostra, mostra indefinido. Preciso limpar a seleção ao clicar numa tag p com a function toggle().
    – AndreeH
    Commented 8/06/2015 às 13:37
  • Coloque por favor o Html do DropDowList, do <p> e do panel. Commented 8/06/2015 às 14:07

1 Resposta 1

2

Usei o seu código em uma página de testes e está limpando o valor do DropDownList, após fazer as seguintes alterações:

• Colocar o parâmetro CliendIdMode="static" no DropDownList ddlSalas:

<asp:DropDownList ID="ddlSalas" ClientIDMode="static" Width="120" 
     DataTextField="ID" DataValueField="NOME_SALA" runat="server" 
     AutoPostBack="true" OnSelectedIndexChanged="ddlSalas_SelectedIndexChanged">
</asp:DropDownList>

• Adicionar a seguinte linha no evento click do link:

 $("#ddlSalas").val($("#ddlSalas option:first").val());
2
  • Funcionou @MarcusVinicius, só que agora preciso fazer a mesma coisa com a gridview. :S
    – AndreeH
    Commented 9/06/2015 às 12:27
  • Consegui, joguei um $("gridview").remove() e funcionou. Valeuu
    – AndreeH
    Commented 9/06/2015 às 13:08

Você deve fazer log-in para responder a esta pergunta.

Esta não é a resposta que você está procurando? Pesquise outras perguntas com a tag .