Arquivo da categoria: ASP.Net

Utilizando GridView

Pessoal, estes dias no Twitter vi um link muito bacana, gostaria de compartilhar com vocês:

“Editando e Excluindo dados no próprio GridView”

http://devbrasil.net/profiles/blogs/editando-e-excluindo-dados-no

Problem in Validation Summary When i call Javascript method at Button Clientclick

Este problema deve ser comum para quem possui um Validation Summary e precisa criar por exemplo um questionamento logo depois da validação completa, seja de campos obrigatórios ou outras validações em uma páginas aspx, o problema é que o Validation Summary deverá ser chamado “no braço”.

Dica:

OnClientClick="if(Page_ClientValidate()) return SuaValidacaoCliente(); return false;"

Obtendo o ID de objetos contidos no Web User Control em um arquivo js para utilizar com jQuery

Imagine a seguinte situação, tenho um Web User Control que irei utilizar no meu SharePoint, ele por sua vez utiliza um arquivo de js contendo várias funções com jQuery, e todos estes métodos acabam obtendo os objetos (TextBox, RadioButtonList, DropDownList, etc…) através do ID. Sabemos que o ID irá mudar a partir do momento que este wuc for adicionado em uma página aspx. E como saberemos o ID correto?

Vou mostrar uma forma de obter isto.

Cenário:

image

Arquivo js:

image

Exemplo.aspx

 

<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Exemplo.aspx.cs" Inherits="WebApplication1.Exemplo" %>

<%@ Register src="wucExemplo.ascx" tagname="wucExemplo" tagprefix="uc1" %>

<form id="form1" runat="server">

    <uc1:wucExemplo ID="wucExemplo" runat="server" />

</form>

 

wucExemplo.ascx (Web User Control)

 

 

<script src="/scripts/funcoes.js" type="text/javascript">

</script>

 

   <div>

        <asp:TextBox ID="txtOk" runat="server"></asp:TextBox>

        <asp:DropDownList ID="ddlItens" runat="server">

            <asp:ListItem Value="0">item1</asp:ListItem>

            <asp:ListItem Value="1">item2</asp:ListItem>

        </asp:DropDownList>

        <asp:Button ID="btnConfirma" runat="server" Text="Confirma" OnClientClick="AlteraValor();" />

        <asp:Button ID="btnMensagem" runat="server" Text="Confirma2" OnClientClick="Mensagem();" />

    </div>

 

<script language="javascript" type="text/javascript">

 

    function ObtemIdCampo(pNomeCampo) {

 

        if (pNomeCampo.toUpperCase() == 'txtOk'.toUpperCase()) {

            return '<%=txtOk.ClientID%>';

        } else if (pNomeCampo.toUpperCase() == 'ddlItens'.toUpperCase()) {

            return '<%=ddlItens.ClientID%>';

        }

 

    } 

        

 

funcoes.js

 

 

function AlteraValor() {

    alert(ObtemIdCampo('txtOk'));

    alert(ObtemIdCampo('ddlItens'));

    jQuery('#' + ObtemIdCampo('txtOk')).val('teste');

    var Source = document.getElementById('txtOk');

}

 

function Mensagem(pDocument) {

    var Source = document.getElementById(ObtemIdCampo('txtOk'));

    alert(Source.value);

}

 

(function ($) {

    $(function () {

        $('#' + ObtemIdCampo('ddlItens')).change(function () {

            alert(jQuery('#' + ObtemIdCampo('ddlItens') + ' option:selected').text());

        });

    });

})(jQuery);

 

Depois coloque para iniciar com a tela aspx e teremos isto:

Exemplo

O primeiro botão (Confirma) irá executar o método AlterarValor que está contido lá no arquivo js, ele por sua vez irá executar duas mensagens retornando o ID do botão txtOk e também do DropDownList por fim irá alterar o valor do TextBox usando jQuery.

imageimage

image

O segundo botão (Confirma2) irá mostrar uma mensagem com o valor contido no TextBox utilizando o objeto documet e o método dele getElementById passando como parâmetro a função que está lá na página aspx para obter o ID correto.

image

Uma solução bem simples para obter o ID, creio que deve haver outras maneiras melhores do que esta, se alguém tiver post ai um comentário!!!

Seguir

Obtenha todo post novo entregue na sua caixa de entrada.