Ir para conteúdo

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

Gabriel Costa Alves

Parametro tipo texto função javascript ()

Recommended Posts

Bom Dia!

 

 

Estou usando o jqxtree (http://www.jqwidgets.com/jquery-widgets-demo/demos/jqxtree/) para criação de um treeview usando dataAdapter.

 

 

Um dos parametros para o dataAdapter é o "text", estrutura conforme abaixo:

 

"id": "6",
"text": "Espresso Beverage",
"parentid": "-1",
"value": "$2.3"
O que preciso fazer é adicionar um span e dentro deste span um ancora que ao ser acionado chama uma função javascript 'addButtonTreeView'.
O botão consegui adicionar, porém o parâmetro da função é um texto, como faço para passar este parâmetro como texto?
Já que estou usando aspas duplas e depois aspas simples, não sei qual seria a saída.

 

"text": "Espresso Beverage <span><a id='lblAdd-environment1' class='treeview-button' onclick='addButtonTreeView(\'environment1\');'><i class='blue ace-icon fa fa-plus-square bigger-130'></i></a></span>"

Compartilhar este post


Link para o post
Compartilhar em outros sites

Sergio,

 

Obrigado pela resposta.

 

Sua sugestão seria deixar assim?

 

Colocar a barra depois das aspas duplas antes da palavra Expresso

 

"\Expresso Beverage <span><a id='lblAdd-environment1' class='treeview-button' onclick='addButtonTreeView('environment1');'><i class='blue ace-icon fa fa-plus-square bigger-130'></i></a></span>"

Compartilhar este post


Link para o post
Compartilhar em outros sites

Sergio,

 

o que tenho que fazer é atribuir estas informaçãoes na minha variável data.

Estou usando aspx.

 

Porém se eu colocar conforme sua sugestão, o mesmo apresenta erro

 

var data = [{
"id": "6",
"text": "Espresso Beverage <span><a id='lblAdd-environment1' class='treeview-button' onclick='addButtonTreeView('teste');'>
<i class='blue ace-icon fa fa-plus-square bigger-130'></i>
</a>
</span>",
"parentid": "-1",
"value": "$2.3"
} ]
Se eu colocar a palavra teste entre barras funciona:
/teste/
porém para a função que recebe este parâmetro preciso apenas da palavra teste.
Obs: nesta função que recebe este parametro não devo fazer um replace, quero que o valor seja a palavra teste
Obrigado.

Compartilhar este post


Link para o post
Compartilhar em outros sites

Olá Gabriel, você não me entendeo, tente desta maneira:

var data = [{
                                    "id": "6",
                                    "text": "Espresso Beverage <span><a id=\"lblAdd-environment1\" class=\"treeview-button\"                                                                                                        onclick=\"addButtonTreeView('teste');\">
                                                                                             <i class=\"blue ace-icon fa fa-plus-square bigger-130\"></i>
                                                                                          </a>
                                                                              </span>",
                                     "parentid": "-1",
                                     "value": "$2.3"
                } ]

Compartilhar este post


Link para o post
Compartilhar em outros sites

Sergio, realmente funcionou desta maneira....

 

Porém visualmente, código html, creio que seja a função que cria o tree do jqxtree, não mostra da maneira que preciso.

 

Ao invés de aparecer:

 

Expresso Beverage

 

aparece:

 

item-value="$2.3" id="6" >Espresso Beverage

 

Por este motivo usei as aspas simples ou invés de aspas duplas

Compartilhar este post


Link para o post
Compartilhar em outros sites

Olá Gabriel, eu fiz um pequeno teste aqui, e está funcionando normalmente, veja se está tudo na mesma linha:

var data = [{
        "id": "6",
        "text": "Espresso Beverage <span><a id=\"lblAdd-environment1\" class=\"treeview-button\"<i class=\"blue ace-icon fa fa-plus-square bigger-130\"></i></a></span>",
        "parentid": "-1",
        "value": "$2.3"
}];

Sem quebra, aqui está exibidno com quebra no campo text

Compartilhar este post


Link para o post
Compartilhar em outros sites

Sergio, eu havia colocado na mesma linha, desta maneira que vc me passou.

 

Porém visualmente fica bagunçado, por exemplo o ícone que estou adicionando está ficando no antes do texto e depois.

 

Creio que seja alguma limitação do jqxtree.

 

Para conhecimento segue o código para preenchimento do treeview, recebendo a variável data.

 

// prepare the data
var source =
{
datatype: "json",
datafields: [
{ name: 'id' },
{ name: 'parentid' },
{ name: 'text' },
{ name: 'value' }
],
id: 'id',
localdata: data
};

 

var dataAdapter = new $.jqx.dataAdapter(source);
dataAdapter.dataBind();
.
var records = dataAdapter.getRecordsHierarchy('id', 'parentid', 'items', [{ name: 'text', map: 'label'}]);
$('#jqxTree').jqxTree({
source: records,
height: '300px',
width: '600px',
theme: 'energyblue',
enableHover: false
});
$('#jqxTree').jqxTree('expandAll');

Compartilhar este post


Link para o post
Compartilhar em outros sites

  • Conteúdo Similar

    • Por Mauricio Molina
      Ola pessoal, será que podem me dar uma força?
       
      Preciso fazer um calculo de subtração de valores, onde o administrador seleciona o mes, pego pelo ID, método GET, para edição.
       
      Como normalmente tem vários meses pagos, o script a seguir só esta funcionando no primeiro item da tabela.
       
      Como posso fazer para funcionar em todos os itens da tabela?
       
      Teria que dar um nome diferente no getValor (id no HTML) para cada um, mas como posso fazer isso?
       
      <!-- Calculo Devolucao--> <script type="text/javascript"> function id(valor_campo) { return document.getElementById(valor_campo); } function getValor(valor_campo) { var valor = document.getElementById(valor_campo).value.replace(',', '.'); /*document.write("Valor: " - valor);*/ return parseFloat( valor ) * 1; } function sub() { var total = getValor('v_recebido') - (getValor('v_devolvido')); id('resultadoDev').value = (total * 1) .toFixed(2, "."); } </script> <!-- Calculo Devolucao--> <div class="toggle"> <input name="v_devolvido" type="checkbox" id="foo<?php echo $rows_aluno['id']; ?>" value="<?php echo $rows_aluno['v_recebido']; ?>"> <label for="foo<?php echo $rows_aluno['id']; ?>"></label> </div> <input type="text" id="v_recebido" value="<?php echo $rows_aluno['v_recebido']; ?><?php echo $rows_aluno['v_receb_parc']; ?>" onblur="sub()" > <div class="form-row"> <div class="form-group col-md-6"> <label for="validationCustomUsername">Valor Parcial:</label> <div class="input-group"> <div class="input-group-prepend"> <span class="input-group-text" id="inputGroupPrepend">R$</span> </div> <input name="v_dev_parc" type="text" class="form-control" id="v_devolvido" placeholder="Digite o Valor" aria-describedby="inputGroupPrepend" onblur="sub()"> </div> </div> <input name="id_user" type="hidden" value="<?php echo $rows_aluno['id_user']; ?>"> <input name="id_prof" type="hidden" value="<?php echo $rows_aluno['id_prof']; ?>"> <input name="status" type="hidden" value="Devolvido"> <input name="mes" type="hidden" value="<?php echo $rows_aluno['mes']; ?>"> <input name="v_recebido" type="text" id="resultadoDev"> </div>  
    • Por mateus.andriollo
      Boa tarde,
      Tenho alguns campos numéricos q ao fazer uma select gostaria q retornasse uma legenda
       
      exemplo:
      Status: 0=Inativo / 1=Ativo Condição: 1=Funcionando / 2=Em manutenção / 3=Manutenção Interna   
      Seria algo assim, tenho varias tabelas com estes campos... mas tenho q ficar usando replace.
      Existe uma forma de criar uma função para isso? Nem q na função eu tenha que setar nome do campo, ficando assim:
      Legenda('Status',cadastro.status) 
    • Por joagostini
      Olá, sou iniciante, e estou fazendo, como exercício, o jogo da velha. 'Desenvolvi' uma rotina de escolha de nível do jogo (serão 3 níveis) que deve aguardar a escolha do usuário para o programa prosseguir. Mas acho que não entendi direito como o javascript funciona, pois o que fiz não funciona e não encontrei uma solução (talvez não saíba como pesquisar corretamente o assunto na web).

      O começo do HTML (que é pouco) onde está um select para escolha do nível é este:
      <body>     <div id="dvmenu">         <button onclick="iniciar()">Iniciar Jogo</button>         <p><br></p>         <div id="dvQuemComeca">             <label for="nivel">Escolha o nivel:</label>             <select id="nivel" onChange='atualiza()'>                 <option value=0 selected>Escolha um nível</option>                 <option value=1>Nível 1 - Brincadeira</option>                 <option value=2>Nivel 2 - Surpresa</option>                 <option value=3>Nível 3 - Desafio</option>             </select>         </div>         <div id="jogador" class="jogador"></div>         <div id="vencedor" class="jogador"></div>     </div>  
      O código JS é este:
      //INÍCIO VEM DE LOAD function iniciar() {     casela = document.querySelectorAll('div[id^="p"]');     for (let cas of casela) {         cas.innerHTML = '';     }     for (let i = 0; i < 9; i++){        tab = tab;     }     console.log(tab);     nivel = 0;      msg = '';     qtosLancesJog = 0;     sorteiaJogador();     //até aqui funcionou direito } //-------------------------------------------------------------------- //ESCOLHA DO NÍVEL DO JOGO function atualiza(){     let selecao = document.querySelector('#nivel');     let opcao = selecao.options[selecao.selectedIndex];     return opcao.value;    }   //--------------------------------------------------------------------   //SORTEIA QUEM VAI COMEÇAR JOGANDO //função para definir o jogador que inicia o tab function sorteiaJogador() {//funcionou direito     let quemComeca = parseInt(Math.floor(Math.random() * 2));     if (quemComeca == 0) {         msg = 'Computador';         //setTimeout(lanceCpu, 2000);//dá um intervalo antes do computador realizar o 1 lance         lanceCpu();     } else msg = 'Humano';//neste caso a rotina espera que o jogador clique no tabuleiro, qdo roda a função lancetab(pos)         lanceHumano();     document.querySelector('#jogador').innerHTML = `<br>O ${msg} começa!`; } //--------------------------------------------------------------------   //ESCOLHA RANDÔMICA, NIVEL = 1, Da POSIÇÃO DO LANCE DA CPU NO tabULEIRO function jogouCpu(){//funcionou direito //nível 1 modo randômico pos = Math.floor(Math.random() * 9); return pos; }   //função humana function lanceHumano(){     console.log('Estou na função humana');     do {         nivel = atualiza();         console.log(nivel);     } while (nivel === 0);     console.log(nivel + ' passei direto'); }  
      O problema está nesse do...while da function lanceHumano(). Segundo entendi, ele prosseguiria apenas quando nivel!== 0, caso contrário, ficaria 'preso' até o momento que o usuário escolhesse uma das opções. Pelo HTML percebesse que setei o select para value=0. Mas ele nem se dá ao trabalho de esperar um miléssimo de segundo, segue em frente com o valor que tiver, no caso 0. O while  não tem efeito. Essa minha perspectiva está errada? Se sim, o que fazer? (paradigma funcional, await?) Obrigado.
      P.S.. No código tem uns conole.logs que servem watch-dogs para ajudar a entender por onde vão as rotinas.
       
       
       
       
       
       
       
       
       
       
       
       
       
       
       
       
       
       
       
    • Por Kellison Ruan
      Acho que não fui tão claro no título, portanto irei esmiuçar melhor aqui...
       
      É o seguinte, quero saber se há algum jeito de pegar as linhas de uma coluna q está em VARCHAR com informações do tipo "4 PONTOS DE ILUMINAÇÃO", dessa informação pretendo retirar somente o número que em questão é o "4" e colocá-lo em outra coluna INTEGER. Há essa possibilidade? Detalhe, as vezes as informações não está seguindo um padrão de vim somente como "4 PONTOS DE ILUMINAÇÃO" às vezes vêm dados com mais informações númericas que precisa distinguir, por exemplo, a mim só interessa pegar números que vem antecedendo as palavras "PONTOS", "PTOS", "PTS", têm algum jeito de distinguir isso?
    • Por slaoxx
      Não conseguir obter êxito, minha sintaxe foi a seguinte:
       
      CREATE FUNCTION precomed ()
      RETURNS decimal
      SELECT AVG(preco_cd);
       
      SELECT precomed ();
       
×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.