Variáveis dinâmicas em JavaScript

Olá pessoal, tudo bom?

Em javascript, as vezes, pode surgir a necessidade de criar variáveis em tempo de execução, ou em alguma condição específica, estas variáveis serão nomeadas dinamicamente.
No grid que está para download neste blog, precisei criar várias variáveis dinâmicas, pois quando o desenvolvedor colocar mais de um grid na mesma página, preciso de variáveis diferentes para armazenar diversos valores próprios de cada grid, por isso o uso desse tipo de variáveis.

Criando uma variavel normal em javascript:

var nomeTeste = "valor de teste";

Criando variáveis dinâmicas usando o objeto window javascript:

//criando as variáveis dinamicamente
for (var i = 0; i < 10; i++)
{
    window["nomePadrao" + i] = i + 10;
}

//recuperando os valores dessas variáveis
var strCompleta = "";
for (var i = 0; i < 10; i++)
{
    strCompleta += window["nomePadrao" + i] + ",";
}

Este foi só um exemplo para demonstrar o uso das variáveis dinâmicas, um uso mais prático, seria o abaixo, que usei para construir o grid.
Tenho minha partial view que renderiza o grid e dentro dessa partial view tenho meu script que cria essas variáveis dinâmicas de acordo com o parâmetro que é passado junto da chamada da partial view, este parâmetro é o nome do grid que é concatenado a uma string fixa, veja o exemplo abaixo:

Chamando a partial view:

@Html.Partial(Url.Content("~/Views/Shared/GridPartial.cshtml"), new string[] { "nomeDoGrid1" })

Na partial view fica da seguinte forma:

@model IEnumerable<string>

@{
    var nomeGrid = Model.ElementAt(0);
}

<script>

    //criando algumas variáveis de exemplo
    window["paginaAtual" + '@nomeGrid'];
    window["registroSelecionado" + '@nomeGrid'];

    //recuperando
    alert(window["paginaAtual" + gridSelecionado]);
    //ou
    alert(window["paginaAtual" + '@nomeGrid']);

</script>

Posteriormente, na hora de recuperar esses valores, através de outras funções, consigo saber qual grid o usuário selecionou e uso somente as variáveis relacionadas com aquele grid.

Espero que tenha sido útil, abraços.

Anúncios

Um comentário sobre “Variáveis dinâmicas em JavaScript

Deixe um comentário

Preencha os seus dados abaixo ou clique em um ícone para log in:

Logotipo do WordPress.com

Você está comentando utilizando sua conta WordPress.com. Sair / Alterar )

Imagem do Twitter

Você está comentando utilizando sua conta Twitter. Sair / Alterar )

Foto do Facebook

Você está comentando utilizando sua conta Facebook. Sair / Alterar )

Foto do Google+

Você está comentando utilizando sua conta Google+. Sair / Alterar )

Conectando a %s