[Resolvido] asp:button + Jquery UI [style icons]

[filipescoob 1]

Galera boa noite,

 

Estou com um problema e não tenho a minima ideia de como resolve-lo.

 

Tenho 4 botões nas seguintes configurações

 

$("#rdHora").buttonset();
$(".acaoProcesso button:first").button({ 
   icons: {
   primary: "ui-icon-document"
   }
}).next().button({
   icons: {
   primary: "ui-icon-pencil"
   }
}).next().button({
   icons: {
   primary: "ui-icon-search ",
       secondary: "ui-icon-triangle-1-s"
   }
}).next().button({
   icons: {
   primary: "ui-icon-trash"
   }
});

<div id="rdHora">
<%--//Antes --%>
<input id="radio0" type="radio" name="radio" /><label for="radio0">00</label>
<%--//Depois [Funcionou Perfeitamente] --%>
<asp:RadioButton  ID="radio0" GroupName="Hora" Checked="true" runat="server" Text="00" />
</div>


<%--//Antes --%>
<div class="acaoProcesso" style="padding-right:5px;">
   <button id="novoProcesso">Novo Processo</button>
   <button id="editarProcesso">Editar Processo</button>
   <button id="visualizarProcesso">Visualizar Processo</button>
   <button id="excluirProcesso">Excluir Processo</button>
</div>

<%--//Depois [Não Funcionou o visual ficou de html sem formatação] --%>
<div class="acaoProcesso" style="padding-right:5px;">
   <asp:Button ID="novoProcesso" Text="Novo Processo" runat="server" />
   <asp:Button Text="Editar Processo" runat="server" />
   <asp:Button Text="Visualizar Processo" runat="server" />
   <asp:Button Text="Excluir Processo" runat="server" />
</div> 

 

 

Até ai tudo bem ele funcionava perfeitamente, porem quando fui alterar os controles de HTML para ASP.Net Controls o radio button que tenho na tela funcionou, porem os buttons não funcionaram. Eles continuaram com o estilo HTML.

 

Ai achei este codigo na net

 

        var botao = $('#<%=novoProcesso.ClientID%>');
            botao.button({ 
            icons: {
            primary: "ui-icon-document"
            }
        }).next().button({
            icons: {
            primary: "ui-icon-pencil"
            }
        }).next().button({
            icons: {
            primary: "ui-icon-search ",
                secondary: "ui-icon-triangle-1-s"
            }
        }).next().button({
            icons: {
            primary: "ui-icon-trash"
            }
        });

 

Com ele consegui fazer o visual porem os icones não aparecem, e quando eu clico no controle ele da erro de JavaScript dizendo que "Erro não esperado em Tempo de Execução".

 

Duvida: Existe alguma forma de colocar os icones no Button do asp.net ou que o controle HTML de alguma forma consiga chamar as funções Asp.net ?

 

Obrigado

[quintelab 91]

Ao invés de pegar o ClientID do botão, encontre o controle através da classe CSS dele, pode ser mais fácil.

Se quiser que um controle html execute um código do servidor: http://quintelab.com.br/Artigos/Json.asp

 

Abraços...

[filipescoob 1]

Ao invés de pegar o ClientID do botão, encontre o controle através da classe CSS dele, pode ser mais fácil.

Se quiser que um controle html execute um código do servidor: http://quintelab.com.br/Artigos/Json.asp

 

Abraços...

 

Vou estudar o link que me passou, creio que seja a opção usar os controles HTML mesmo, visto que ja tentei de tudo para deixar o controle button do asp com a aparencia do Jquery e não consegui, apenas os outros controles.

 

Muito obrigado assim que terminar posto o resultado.

[filipescoob 1]

Alguem ja teve que fazer algo assim ? Usar o UI do JQuery nos componentes ASP.NET?

[filipescoob 1]

Resolvido.

 

Galera não foi a melhor solução mas funcionou.

 

Criei todos os botões que precisava e iniciei a aplicação, dei um print na tela e peguei os botões que precisava e fiz imageButtons.

 

Obrigado pela ajuda de todos.