-1

Eu estou criando um controle ascx que terá várias impressões em uma mesma página.

Nesse controle, há uma imagem que eu pretendo executar uma função javascript ao ser clicada. Por exempo, assim:

<asp:Panel ID="divPai" runat="server" >
    <div>
        <div ...>
            <input .../>
        </div>
        <asp:Image ID="btnMensagem" 
                   Class="animated-transition rotate-90-degrees" 
                   ImageUrl="../../Images/bt_proximo.png" 
                   onclick="mostrarAlerta2();" 
                   runat="server" 
                   Style="padding:10px;"/>
    </div>
    <div class="div-manipulavel" ...>
        <input ... />
    </div>
</asp:Panel>

Em um arquivo js separado eu tenho todas as funções que eu preciso usar nesse controle e a inclusão desse script está ocorrendo normalmente.

Fiz a importação do script assim:

Page.ClientScript.RegisterClientScriptInclude(GetType(), "scriptsMeuControle", ResolveClientUrl("~/Componentes/Scripts/MeuControle.js"));

Esse seria o conteúdo arquivo:

function mostrarAlerta(mensagem)
{
    alert('Conteúdo: ' + mensagem);
}

function mostrarAlerta2()
{
    alert('Função acionada!');
}

O problema aconte quando eu preciso passar um parâmentro para executar na função, como é o casso da mostrarAlerta(mensagem).

Eu tentei desse jeito:

<asp:Image ID="btnMensagem"
           ...
           onclick="mostrarAlerta2('<% =divPai.ClientID %>');"/>

Isso não funciona. A expressão <% =divPai.ClientID %> não é interpretada e o conteúdo que eu tentei passar é exibido literalmente:

Conteúdo: <% =divPai.ClientID %>

Como faço para passar um parâmetro que é interpretado do lado do servidor como esse para uma função javascript?

7
  • Diego, não me lembro muito como se usa. Já tentou usar o Jquery pra capturar o seu valor, será algo como: $('#<% =divPai.ClientID %>').val()
    – Marconi
    30/05/2018 às 20:44
  • @Marconi Sim, já tentei, mas ele não funciona na chamada da função porque o código também não é interpretado. Pelo que vi nessa resposta do SO que referenciei acima, parece que eu não posso usar esses códigos embutidos em controles que já executam no lado servidor (os <asp:... da vida). 30/05/2018 às 20:48
  • Eu também não posso colocar o seletor jQuery dentro da função js, porque em uma página haverá várias impressões desse controle, a função js seria sobrescrita e iria funcionar apenas para um deles. 30/05/2018 às 20:50
  • 1
    Não é o caso de passar this.id para a função? Porque o ClientId vira ID quando o controle é renderizado, não?
    – bfavaretto
    30/05/2018 às 22:27
  • 2
    Pode passar o this e na funçao pegar os dados do avo.
    – Sam
    30/05/2018 às 23:18

1 Resposta 1

0

Acabei encontrando nesse post do SO a resposta para a minha pergunta.

Em resumo,

Não é possível usar as expressões do tipo <% %> em controles que são executados do lado do servidor.

A solução que escolhi foi reverter o componente <asp:Image .../> para o correspondente nativo - <img /> - e a chamada foi feita corretamente:

<asp:Panel ID="divPai" runat="server" >
    <div>
        <div ...>
            <input .../>
        </div>
        <img id="<% =divPai.ClientID %>_btnMensagem" 
             class="animated-transition rotate-90-degrees" 
             src="../../Images/bt_proximo.png" 
             onclick="mostrarAlerta2('<% =divPai.ClientID %>');" 
             style="padding:10px;"/>
    </div>
    <div class="div-manipulavel" ...>
        <input ... />
    </div>
</asp:Panel>

As dicas que foram dadas pelos colegas @dvd e @bfavaretto me ajudaram a concluir a implementação da função javascript no meu cenário real.

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 .