Javascript para EVITAR PostBack

[RafaXimenes 0]

Bom dia, pessoal!

 

Seguinte..

Estou mexendo com Asp.Net há um mês.

 

Estou ficando indignado pois tenho a seguinte situação:

 

Tenho um Dual Combo que é montado via componente ASP ListBox.

 

No primeiro, os dados chegarão através de uma TreeView. No segundo, será adicionado através do DualCombo.

Tenho uma função JavaScript para fazer isso (colocar a opção escolhida no segundo List).

 

 

Só uso um asp:button para dar o postback na página inteira e processar os dados, só que a aplicação não "enxerga" os itens criados via JavaScript.

 

Alguma sugestão de como usar JavaScript ou tenho que desistir mesmo?

[Ted k' 126]

Opa ASP.NET.. tô passando....

 

Movido de ASP http://forum.imasters.com.br/public/style_emoticons/default/seta.gif Plataforma .NET

[RafaXimenes 0]

Mals, Nem reparei xD

[quintelab 91]

Não entendi o que são esses itens criados pelo JavaScript que o .Net não esta lendo.

 

Abraços...

[RafaXimenes 0]

O ListBox renderiza um Select do HTML... cada Item do ListBox é renderizado como um <option> do HTML.

 

Crio options para preencher o Segundo Select.

 

Esses novos options não são lidos.

 

Ficou mais claro?

Quer dar uma lida no código JavaScript?

 

 

Valeu

[quintelab 91]

Eu estava dando uma olhada na página que postou e no seu javaScript, mas como você utiliza um ListBox, no botão ele deveria percorrer e verificar todos os itens que estão cadastrados. Poste seu código HTML e do seu botão para poder testar, pois no botão ele deveria conseguir pegar os dados.

 

Abraços...

[RafaXimenes 0]

Opa, Falha minha..

aquele exemplo não é o que estou trabalhando...

aquele é só um modelo para caso não fosse conhecido o termo Dual Combo.

 

de qqr maneira, aqui vai o asp e o javascript

 

Aspx:

<asp:UpdatePanel ID="UpdatePanel1" runat="server">
			<ContentTemplate>
				<asp:ListBox ID="lbxComponentesTodos" runat="server" Width="200px" Rows="7" SelectionMode="Multiple" />
			</ContentTemplate>
			<Triggers>
				<asp:AsyncPostBackTrigger ControlID="trvEstrutura" />
			</Triggers>
		</asp:UpdatePanel>
		<input type="button" id="btnAdComponente" value=">>" onclick="SelectEstruturaIndicador(0)" />
		<input type="button" id="btnExComponente" value="X" />
		<asp:ListBox ID="lbxComponentes" runat="server" Width="200px" Rows="7" SelectionMode="Multiple" />

java script:

function SelectEstruturaIndicador(flag)
{
if (flag == 0){
	var CmpEstr = document.getElementById("<%= lbxComponentesTodos.ClientID %>")
	var CmpResult = document.getElementById("<%= lbxComponentes.ClientID %>")
	} else 
	   if (flag == 1){
	   var CmpEstr = document.getElementById("<%= lbxIndicadoresTodos.ClientID %>")
		var CmpResult = document.getElementById("<%= lbxIndicadores.ClientID %>")
	   }
	
	var NwOpt
	var flag_break = true
	
	for (i=0;i<CmpEstr.length;i++)
	{
	  if (CmpEstr.options[i].selected)
	  {  
		for (w=0;w<CmpResult.length;w++)
		{
		  if (CmpResult.options[w].value == CmpEstr.options[i].value) 
		  {
			flag_break = false
			alert("Componente já selecionado")
			break
		  }
		}
		if (flag_break)  
		{
		   NwOpt=document.createElement('option')
		   NwOpt.text = CmpEstr.options[i].text
		   NwOpt.value = CmpEstr.options[i].value
		   try{
			 CmpResult.add(NwOpt,null)
		   }catch(ex){
			 CmpResult.add(NwOpt)
			 CmpResult2.add(NwOpt)
		   }
		}
	  }

	}	 
}

 

no aguardo

[quintelab 91]

Ao invés de usar um input type do tipo button. Utilize o Button do .Net, desta forma você irá trabalhar com o evento click dele. Desta forma você conseguirá pegar os dados do ListBox.

 

Abraços...

[RafaXimenes 0]

Mas a cada click que eu der no button eu terei um postback, correto?

Não quero postbacks... quero tudo no cliente.

[quintelab 91]

Neste caso você terá que usar um JavaScript para pegar os valores que estão no ListBox.

Mas deixo a pergunta, não quer o PostBack somente por opção ou por algum problema?

 

Abraços...

[RafaXimenes 0]

Creio não ter sido muito claro...

 

O Javascript que passei ali em cima, faz isso.

 

Vamos lá passo a passo:

 

 

Tenho os dois box:

 

Sleciono a "Opção 1" e clico no Botão ">>"

 

O botão ">>" CHAMA O JAVASCRIPT que instancia um novo <option> para o list de baixo, como mostra a figura:

 

 

Quando eu Clico no "Button" ( que É UM COMPONENTE ASP) Acontece um postback pois é a função padrão do componente. Quando acontece o Postback, a aplicação não percebe os <option> criados no List de baixo!

 

 

Espero ter ficado mais claro...

 

Sobre sua pergunta..

É que estou indignado que uma linguagem como Asp.Net não consiga fazer isso, principalmente pq com o monte de postback necessário para se preencher esses lisbox, por exemplo, você gasta servidor a toa. Entendeu? :)

 

Abraço

[quintelab 91]

Vamos tentando. http://forum.imasters.com.br/public/style_emoticons/default/coolio.gif

Ele vai perder os valores caso você construa seu ListBox no Page_Load e não utilize a condição If not Ispostback caso contrário acredito que mesmo com o PostBack ele não irá perder os dados como no exemplo que você mostrou.

 

Abraços...

[RafaXimenes 0]

É.... talvez tenha entendido um pouco..

 

O primeiro (o de cima) ListBox é preenchido em ServerSide. Nele eu não perco os itens num postback.

 

O Segundo (o de baixo) é preenchido via Javascript em ClientSide. Nesse eu perco os itens quando dou o postback.

 

Tem alguma maneira de não perder os dados? Pois quando vou enviar as informações pelo "button" há um postback na página e os dados chegam Null, mesmo tendo sido preenchidos em ClientSide.

[quintelab 91]

É brother volto no que disse no post 10, desta forma acredito que você não poderá utilizar um botão com PostBack, o seu botão também terá que ClientSide. A não ser que consiga de alguma forma armazenar os valores do segundo ListBox em alguma variável ou sessão, desta forma depois do Postback bastava ler esta variável, mas terá que ser tudo JavaScript. Acho que vou ficar devendo essa... <_<

 

Abraços...

[RafaXimenes 0]

Ah... Beleza, quintelab..

 

mas com uma variável ou sessão eu consigo jogar pro ServerSide depois? o0

Preciso gravar as informações no banco...... é possível? o0

 

 

Então, quem não entendeu a história no post 10 fui eu! rsrs :P

[Vandrao 0]

Brotherr!!!!

 

É o MESMO problema que eu estou tendo!

E to no mesmo barco ainda! :mellow:

[m4rkynh0z 0]

Tambem to no mesmo barco, alguem ai conseguiu resolver esse problema de quando apertar no botao o asp.NET consiga recuperar as informações do listBox alterado em ClientSide...

No asp antigo recuperavamos as informações atraves do request.form. Alguem sabe se tem alguma forma parecida com essa no c#