none
Autocomplete jquery com aspnet razor RRS feed

  • Pergunta

  • Ola pessoal,

    Não estou conseguindo implantar o "Autocomplete" do jquery no AspNet 
    webpage

    eu tenho a pagina do cadastro cliente assim.:

    @{
    <script type="text/javascript">

        $(document).ready(function () {

            $(function () {
                $("#tabs").tabs();
            });

            $("#btnbuscar").click(function () {
                location.href = 'FrConsCli.cshtml';
            });


            $(function () {
                $("#txtcid").autocomplete({ source:'/GetCidade/'});   <-----------------<<<<<<
            });

        });
       
    </script>



     <div id="tabs" style="width:975px"; >
         <ul>
            <li><a href="#fragment-1"><span>Cadastro</span></a></li>
            <li><a href="#fragment-2"><span>Cad.Complementar</span></a></li>
           
        </ul>
        <div id="fragment-1">
            <div class="frmstylizer">

              <form id="FormPrinc" action="" method="post">
                <label class="m"><input type="button" name="btnbuscar" id="btnbuscar" value="Buscar" class="button" /></label>
      
                  <a href="Default"> <img id="fechar1"  class="imagem" alt="" src="Forms/close.png" /> </a>  
               <p></p>
               <fieldset>
                 <legend>Tipo Documento</legend>
              <label class="p"><input type="radio" class="radio" value="0" name="radiob" id="rbcpf" checked=checked /> Cpf</label>
              <label class="p"><input type="radio" class="radio" value="1" name="radiob" id="rbcnpj" /> Cnpj</label>
                   <label class="p"><input type="radio" class="radio" value="2" name="radiob" id="rbsem" /> Sem Doc</label><br />
                   <label class="p">Código &#42; <input type="text" class="textfield" value="@pcod" readonly="readonly" /></label>
                   <label class="g">CPF &#42; <input type="text" class="textfield" value="@pcpf" /></label>
               </fieldset>

               <label class="xg">Nome &#42; <input type="text" class="textfield" value="@tcliente.NOMECL" /></label><br />
               <label class="gg">Rua &#42; <input type="text" class="textfield" value="@tcliente.ENDCL" /></label>
               <label class="p">Número <input type="text" class="textfield" value="@tcliente.NUMCL" /></label>   
               <label class="m">Complemento &#42; <input type="text" class="textfield" value="@tcliente.COMPLCL" /></label>
               <label class="p">Cep &#42; <input type="text" class="textfield" value="@tcliente.CEPCL" /></label>
               <label class="g">Bairro &#42; <input type="text" class="textfield" value="@tcliente.BAIRROCL" /></label>
               <label>Estado &#42; 
                <select class="select">
                 <option value="RJ">RJ</option>
                 <option value="SP">SP</option>
                 <option value="MG">MG</option>
                 <option value="ES">ES</option>  
                </select>
          </label>
          <label class="g">Cidade &#42; <input type="text" class="textfield" name="txtcid" id="txtcid"  /></label>
               <label class="m">Telefone &#42; <input type="text" class="textfield" value="@tcliente.FONECL" /></label>
               <label class="m">Fax &#42; <input type="text" class="textfield" value="@tcliente.FAXCL"  /></label>
               <label class="g">Contato &#42; <input type="text" class="textfield" value="@tcliente.NOMECL" /></label>
               <label class="xg">Email &#42; <input type="text" class="textfield" value="@tcliente.EMAILCL" /></label><br />
             <fieldset>
                <label class="p">Vendedor<input type="text" class="textfield" value="@tcliente.VENDCL" /></label><br />
                <h2></h2>
                <label class="p"><input type="submit" name="submit" value="Gravar" class="button" /></label>
                <label class="p"><input type="reset" name="submit" value="Limpar" class="button" /></label>
             </fieldset>
           </form>
         </div>
        </div>

    e pagina que busca os dados do banco está assim "GetCidade.cshtml" ->

    @using MySql.Data.MySqlClient;

    @{
       

      TCrudCidade crudcid = new TCrudCidade();
      TCidade cidade = new TCidade();
       TConexao Conn = new TConexao();
       Conn.conecta();
        //
       var dados =  crudcid.BuscaCids(Conn.sconn, Request["txtcid"]);
       Json.Write(dados, Response.Output);

       
    }

    porem nada acontence, alguma ideia ???

    quinta-feira, 16 de agosto de 2012 11:28

Respostas

  • Otoni,

    Eu ACHO que não funciona pq seu código JQuery está errado. Você tem 3 chamadas simuladas de window.onload, e duas delas dentro de outra. Não acho que isso funciona.

    Tenta mudar se script para:

    <script type="text/javascript">
    
        $(document).ready(function () {
    
            $("#tabs").tabs();
    
            $("#btnbuscar").click(function () {
                location.href = 'FrConsCli.cshtml';
            });
    
            $("#txtcid").autocomplete({ source:'/GetCidade/'});
    
        });
       
    </script>


    A partir do momento que você insere blocos de código dentro de 

    $(document).ready(function () {});

    ou

    $(function(){});
    É desnecessário a inclusão desses códigos novamente.


    Rafael Santos

    Observações:
    1. Selecione a opção "Habilitar o Live Alerts por Padrão" nas suas configurações para que possa acompanhar em tempo real as atividades relacionadas a sua Thread;
    2. Não abandone sua Thread. Ao perguntar, fique atento às respostas; ao encontrar uma solução, compartilhe;
    3. As pessoas que dedicam seu tempo na busca por soluções para você não ganham nada em troca. Valorize-as e em forma de agradecimento pontue as respostas corretas.

    "Quem disse que não escrevo poesias? A diferença é que as minhas começam com using System;"

    • Marcado como Resposta Harley Araujo segunda-feira, 20 de agosto de 2012 12:32
    quinta-feira, 16 de agosto de 2012 14:30

Todas as Respostas

  • Tucão, sua dúvida tem que ser movida para o forum ASP.NET MVC, la o pessoal vai poder te ajudar melhor!!!!

    Se a resposta foi útil por favor qualifique! Janderson Candido de Mattos - MCTS

    quinta-feira, 16 de agosto de 2012 11:31
  • Otoni,

    Eu ACHO que não funciona pq seu código JQuery está errado. Você tem 3 chamadas simuladas de window.onload, e duas delas dentro de outra. Não acho que isso funciona.

    Tenta mudar se script para:

    <script type="text/javascript">
    
        $(document).ready(function () {
    
            $("#tabs").tabs();
    
            $("#btnbuscar").click(function () {
                location.href = 'FrConsCli.cshtml';
            });
    
            $("#txtcid").autocomplete({ source:'/GetCidade/'});
    
        });
       
    </script>


    A partir do momento que você insere blocos de código dentro de 

    $(document).ready(function () {});

    ou

    $(function(){});
    É desnecessário a inclusão desses códigos novamente.


    Rafael Santos

    Observações:
    1. Selecione a opção "Habilitar o Live Alerts por Padrão" nas suas configurações para que possa acompanhar em tempo real as atividades relacionadas a sua Thread;
    2. Não abandone sua Thread. Ao perguntar, fique atento às respostas; ao encontrar uma solução, compartilhe;
    3. As pessoas que dedicam seu tempo na busca por soluções para você não ganham nada em troca. Valorize-as e em forma de agradecimento pontue as respostas corretas.

    "Quem disse que não escrevo poesias? A diferença é que as minhas começam com using System;"

    • Marcado como Resposta Harley Araujo segunda-feira, 20 de agosto de 2012 12:32
    quinta-feira, 16 de agosto de 2012 14:30