Jump to content

Search the Community

Showing results for tags 'select2'.



More search options

  • Search By Tags

    Type tags separated by commas.
  • Search By Author

Content Type


Forums

  • Q&A Desenvolvimento
    • Perguntas e respostas rápidas
  • Desenvolvimento e Banco de Dados
    • HTML e CSS
    • Java
    • Javascript
    • .NET
    • PHP
    • Python
    • Ruby
    • Mobile
    • Ambientes de Desenvolvimento
    • Arquitetura e Métodos Ágeis
    • Banco de Dados
    • DevOps
    • Desenvolvimento de Games
    • E-Commerce e Pagamentos Online
    • SEO e Otimizações
    • WordPress
    • Algoritmos & Outras Tecnologias
  • Design e Produto
    • Fotografia
    • Photoshop
    • Design de interfaces e UX
    • Edição/Produção de Vídeos
    • Marketing Online
    • Desenho, Ilustração e 3D
  • Entretenimento e uso pessoal
    • Geral
    • Segurança & Malwares
    • Gadgets e wearable
    • Softwares e Apps
    • Entretenimento

Find results in...

Find results that contain...


Date Created

  • Start

    End


Last Updated

  • Start

    End


Filter by number of...

Joined

  • Start

    End


Group


Google+


Hangouts


Skype


Twitter


deviantART


Github


Flickr


LinkedIn


Pinterest


Facebook


Site Pessoal


Localização


Interesses

Found 7 results

  1. Boa tarde pessoal. Estou terminando um site para imobiliária, no qual faz parte da ferramenta de busca o Select2. Está tudo funcionando. O problema é que, ao selecionar um imóvel, seria necessário que os campos que o cliente escolheu, ficassem com o selected setados. Esse seria um dos scritps: O que faz o ajax: /*************** Procurar cidade ***************/ //$('#cidade').select2('data', {id: '5256', text: 'cidade selecionada...'}); $( "#cidade" ).select2({ ajax: { url: "<?php echo $dir_base; ?>php/procurar_cidades_pesquisa.php", dataType: 'json', delay: 250, data: function (params) { return { finalidade_id: $("#finalidade").val(), tipo_imovel_id: $("#tipo_imovel").val(), q: params.term // search term }; }, processResults: function (data) { // parse the results into the format expected by Select2. // since we are using custom formatting functions we do not need to // alter the remote JSON data return { results: data }; }, cache: true }, language: { noResults: function (params) { return "Selecione a finalidade"; } } }); $("#bairro").prop("disabled", true); $("#cidade").on("change", function () { if($(this).val().length == 0) { $("#bairro").prop("disabled", true); }else{ $("#bairro").prop("disabled", false); } $("#bairro").empty().trigger('change') }); /*************** Procurar cidade ***************/ E o php que faz a busca do db: <?php /******* Conexão com o bando de dados *******/ include "../Conexao/config.php"; mysqli_select_db($config, $database_config); mysqli_set_charset($config,"utf8"); /******* Conexão com o bando de dados *******/ $finalidade_id = strip_tags(trim($_GET['finalidade_id'])); $tipo_imovel_id = @strip_tags(trim($_GET['tipo_imovel_id'])); $cidade_sel_url = @strip_tags(trim($_GET['cidade_sel_url'])); $search = @strip_tags(trim($_GET['q'])); if(empty($finalidade_id)){ $sql_json = mysqli_query($config, "SELECT imv.cidade, cid.nome FROM tb_imovel imv LEFT JOIN tb_cidades AS cid ON (imv.cidade = cid.id) WHERE cid.nome LIKE '".$search."%' AND imv.finalidade = '1' GROUP BY imv.cidade") or die(mysqli_error($config)); }elseif(empty($tipo_imovel_id)){ $sql_json = mysqli_query($config, "SELECT imv.cidade, cid.nome FROM tb_imovel imv LEFT JOIN tb_cidades AS cid ON (imv.cidade = cid.id) WHERE cid.nome LIKE '".$search."%' AND imv.finalidade = '".$finalidade_id."' GROUP BY imv.cidade") or die(mysqli_error($config)); }else{ $sql_json = mysqli_query($config, "SELECT imv.cidade, cid.nome FROM tb_imovel imv LEFT JOIN tb_cidades AS cid ON (imv.cidade = cid.id) WHERE cid.nome LIKE '".$search."%' AND imv.finalidade = '".$finalidade_id."' AND tipo = '".$tipo_imovel_id."' GROUP BY imv.cidade") or die(mysqli_error($config)); } $return_arr = array(); if(@mysqli_num_rows($sql_json) <= '0'){ echo ""; }else{ while($r_sql_json = mysqli_fetch_array($sql_json)){ $row_array['id'] = $r_sql_json['cidade']; $row_array['text'] = $r_sql_json['nome']; array_push($return_arr,$row_array); } } echo json_encode($return_arr); ?> Encontrei essa linha na documentação: //$('#cidade').select2('data', {id: '5256', text: 'cidade selecionada...'}); Mas eu coloco e a cidade selecionada não fica setada com seleted. São seis campos que ocorrem isso, todos parecidos com este. A instrução acima está correta e eu não estou sabendo fazer ou teria algum outro modo de fazer isso? Obrigado!
  2. Olá pessoal. Tenho este script interno em uma página <script> function Carregar() { $('.conteudo').load("CRM/PreCadastro", function () { $('.carregando').hide(); $(this).find(".topo, .rodape").hide(); }); } </script> Com a função externa abaixo, eu chamo o Carregar dentro da janela modal que se abre. ARQUIVO: SCRIPT.JS $(function modalFull() { $('.showModal').click(function () { $('.escurece').show(50, function () { $('.modalFull').show(300, function () { Carregar(); $('.fechar, .escurece').click(function () { $('.modalFull').hide(function () { $('.escurece').hide(300); }); }); }); }); }); }); }); Funciona perfeitamente, porém a página PreCadastro não carrega os scripts. Tem um formulário nela e uso o plugin select2 e mais uma função de máscara de celular, ambos não funcionam após o load(). Desde já agradeço!
  3. ggbelgamo

    Alterar fonte plugin select2

    Pessoal comecei a utilizar o plugin select2 em um projeto e está funcionando normalmente, porém não consigo de forma alguma alterar a fonte do select, já tentei com style no próprio select e não funciona! Segue print do problema.
  4. Leomar Sartor

    Select2 / JQuery

    Estou a realizar uns exemplos de estudos com Select2 (Feito download em http://select2.github.io/select2/) e Jquery. Estou seguindo um tutorial para o uso do mesmo... Porém não consigo fazer uma função (format) funcionar e não estou conseguindo entender o por que. Coloquei Alert e Logs mas não funciona o da função... Agradeço pela ajuda desde já. Segue exemplo a seguir: <html> <head> <title>Seletores JQuery</title> <script src="https://code.jquery.com/jquery-3.2.0.js" integrity="sha256-wPFJNIFlVY49B+CuAIrDr932XSb6Jk3J1M22M3E2ylQ=" crossorigin="anonymous"></script> <link href="select2/dist/css/select2.min.css" rel="stylesheet" /> <script src="select2/dist/js/select2.min.js"></script> </head> <body style="text-align: center"> <form> <select id="carros" style="width: 300px;"> <option value="VV">Volvo</option> <option value="SB">Saab</option> <option value="MC">Mercedes</option> <option value="AD">Audi</option> </select> </form> </body> </html> <script type="text/javascript"> $( document ).ready(function() { console.log( "INICIO" ); alert("INICIO"); $("#carros").select2({ placeholder: "Selecione Carros:", allowClear: true, formatResult: format, formatSelection: format, escapeMarkup: function(m) { return m; } }); console.log( "FIM" ); alert("FIM"); }); function format(state) { console.log( "DENTRO DA FUNCAO" ); alert("DENTRO DA FUNCAO"); alert('ID:' + state.id + ' - Carro:' + state.text); } </script>
  5. manolegal

    Problema Campo Bootstrap

    Olá amigos. Tenho o seguinte campo: <div class="form-group col-md-4 col-md-offset-1"> <label>Funcionário(a)</label> <div class="input-group"> <select class="form-control form_input_recebe_foco" id="funcionario" name="funcionario" autofocus onkeypress="return handleEnter(this, event)"> <option value="">- Selecionar Funcionário(a) -</option> <?php $Sql = "SELECT ......."; $Resultado = @executa($Sql); while ($linha = @pg_fetch_array($Resultado)){ $id_pessoa = $linha["id_pessoa"]; $pessoa_nome = $linha["nome"]; if ($funcionario == $id_pessoa){ echo "<option value='$id_pessoa' selected = 'selected'>$pessoa_nome</option>";} else{ echo "<option value='$id_pessoa'>$pessoa_nome</option>";} } ?> </select> <span class="input-group-addon"><a href="#" class="glyphicon glyphicon-user" data-toggle="modal" data-target="#modal_cad_pessoa" title="Clique aqui para cadastrar uma nova Pessoa!"></a></span> </div> </div> Este campo está ok. Porém quando implemento o código a seguir, o campo diminui sua largura: <script type="text/javascript"> $(document).ready(function() { $('#funcionario').select2(); }); </script> Outro problema é quando reduzo o tamanho da tela, ele mantém o tamanho inicial, não apresentando responsividade. O que faço para resolver o problema?
  6. Boa noite Galera. Vejam só, tenho um select e nele eu preencho usando uma base de dados, até ai tudo legal. Meu problema está quando não encontro resultados eu adiciono um link e neste link tem um class no qual deveria abrir uma janela modal. mas não funciona nem a pau, se eu remover o class que abre a modal o link funciona. segue código: $("#IdCadastro").select2({ ajax: { url: "/Cadastro/GeList", dataType: 'json', delay: 250, data: function (params) { return { q: params.term, page: params.page }; }, processResults: function (data, params) { params.page = params.page || 1; return { results: data, pagination: { more: (params.page * 30) < data.total_count } }; }, cache: true }, language: { noResults: function () { return '<a href="javascript:;" data-url="@Url.Action("Add","Cadastro")" title="Adicionar novos cliente/fornecedor" id="addCadastro">Cadastrar um novo</a>'; } }, escapeMarkup: function (markup) { return markup; }, // let our custom formatter work minimumInputLength: 3, templateResult: formatRepo, templateSelection: formatRepoSelection, theme: "bootstrap", placeholder: "Seleção de cliente/fornecedor", }); var WinModalParentDataUrl = function (controle, funcao) { $(function () { $(function () { $(document).on(controle, 'click', function (e) { //e.preventDefault(); var c = $(this); var modal = window.parent.$('#modalPaiAdm'); window.parent.$("#modalPaiAdm iframe").attr({ 'src': c.attr("data-url"), 'allowfullscreen': '' //'height': height, //'width': width, }); modal.modal({ show: true }); modal.find(".modal-body").height(400); modal.find(".modal-title").html(c.attr('title')); modal.on('show', function () { }).on('hidden.bs.modal', function () { funcao(); }); }); }); }); }; WinModalParentDataUrl("#addCadastro", carregarDados); Qualquer link no qual eu tenha o ID addCadastro na página ao clicar abre a modal mas a do select não abre e nem da nada.
  7. vitorweb

    Paginação Select2

    Estou utilizando um plugin chamado Select2, consigo realizar a busca no banco de dados com ajax tranquilamente, porém, preciso que ele realize a paginação, alguém já utilizou este método sem problemas? Não estou conseguindo realizar esta proeza kkk Segue script: function e(e) { if (e.loading) return e.text; var t = "<div class='select2-result-repository clearfix'><div class='select2-result-repository__avatar'><img src='../assets/layout/img/produtos/" + e.imgUrl + "' /></div><div class='select2-result-repository__meta'><div class='select2-result-repository__title'>" + e.text + "</div>"; return e.description && (t += "<div class='select2-result-repository__description'>" + e.description + "</div>"), t += "<div class='select2-result-repository__statistics'><div class='select2-result-repository__forks'><span class='glyphicon glyphicon-usd'></span> Preço " + e.price + "</div><div class='select2-result-repository__stargazers'><span class='fa fa-certificate'></span> Marca "+e.brand+"</div></div></div></div>" } function t(e) { return e.text; } $.fn.select2.defaults.set("theme", "bootstrap"); $(".js-data-example-ajax").select2({ width: "off", placeholder: "Selecione o produto", ajax: { url: "../assets/server/system/autoCompleteProducts.php", dataType: "json", delay: 250, data: function (e) { return{ b: $("input[name='produtos[0][brand]']").val(), q: e.term }; }, processResults: function (e, t) { return{ results: e.items }; }, cache: !0 }, escapeMarkup: function (e) { return e; }, minimumInputLength: 1, templateResult: e, templateSelection: t}); PHP: $s = new System(); $responseProduct = $s->selectProducts(strtolower($_GET['q']), strtolower($_GET['b'])); $return_arr = array(); if (!empty($responseProduct)) { foreach ($responseProduct as $sp) { $row['id'] = $sp->id; if(strlen($sp->description) > 120){ $row['description'] = substr_replace(utf8_encode($sp->description), '...', 120); }else{ $row['description'] = utf8_encode($sp->description); } $row['brand'] = $sp->brand; $row['price'] = number_format($sp->price, 2, ',', '.'); $row['imgUrl'] = $sp->imgUrl; $row['text'] = utf8_encode($sp->name); array_push($return_arr, $row); } } //$ret = array(); //$ret['items'] = $return_arr; //print_r($return_arr); $ret['items'] = $return_arr; echo json_encode($ret); SLQ da classe System do método selectProducts: public function selectProducts($name, $brand){ $sql = "SELECT id, name, description, imgUrl, brand, price FROM bot_products WHERE name LIKE '%".$name."%' AND brand = '".$brand."'"; return parent::selectDB($sql); } Obrigado!
×

Important Information

Ao usar o fórum, você concorda com nossos Terms of Use.