Ir para conteúdo

POWERED BY:

Arquivado

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

marcosmendes

Preencher Textbox usando javascript

Por , em ASP Clássico

Recommended Posts

marcosmendes    4

marcosmendes
Postado

Boa noite pessoal,

 

Tenho um método javascript aonde faço um cálculo com alguns valores digitados pelo usuário.
Quero preencher um textbox ( ASP.NET ) com o resultado deste calculo via javascript puro ou jquery.

 

Para capturar os valores do textbox consigo normalmente, mas para atribuir valores estou tendo problemas.

Sei que existe problemas de client side e server side, como posso resolver isso?

Compartilhar este post

Link para o post
Compartilhar em outros sites

xanburzum    169

xanburzum
Postado

Olá amigo...

 

este fórum é somente ASP Classic, para .Net poste no fórum de >net.

E dá uma procurada no fórum que postei alguns exemplos e segue um exemplo aqui tb:

 

<%@ Page Language="C#" AutoEventWireup="true" CodeFile="AutoCompletar.aspx.cs" Inherits="AutoCompletar" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
	<meta charset="utf-8">
	<title>jQuery Autocompletar</title>
           <script src="Scripts/jquery-1.4.1.js" type="text/javascript"></script>
           <script src="UI/jquery.ui.widget.js" type="text/javascript"></script>
           <script src="UI/jquery.ui.autocomplete.js" type="text/javascript"></script>
           <script src="UI/jquery.ui.core.js" type="text/javascript"></script>
           <script src="UI/jquery.ui.position.js" type="text/javascript"></script>
	<script>
	    $(function () {
	        var tecnologias = ["ActiveDirectory","ADO.NET","AJAX","Algoritmos","ASP.NET","ASP.NET MVC","Assemblies",
			"BizTalk Server","C#","Cloud Computing","COBOL.NET","Compact Framework","Deployment","DirectX",
			"Enterprise Development","Exception Handling","Hardware","HTML","JQuery", "LINQ", "Networking",
                           "Pocket PC", "Printing", "Project Management", "Remoting", "Sharepoint", "Silverligh","Testing","Threading",
                           "WCF", "Web Forms", "Web Services","WF", "Windows Phone"
		];
	        $("#tags").autocomplete({
	            source: tecnologias
	        });
	    });
	</script>
    <style type="text/css">
        #tags {
            width: 249px;
        }
    </style>
</head>
<body>
    <form id="form1" runat="server">    
    <div class="demo">
    <div class="ui-widget">
	<label for="tags">Tecnologias: </label>
	<input id="tags" 
            style="font-family: 'Cordia New'; font-size: x-large; font-weight: normal; font-style: italic; font-variant: normal; color: #FF0000" />
    </div>
    </div>    
    </form>
</body>
</html>

Antes de executar clique sobre o arquivo AutoCompletar.aspx com o botão direito do mouse e selecione : Set as Start Page.

 

se quiser me mande um email que te passo um exemplo:

Compartilhar este post

Link para o post
Compartilhar em outros sites

xanburzum    169

xanburzum
Postado

olha este exemplo, onde iremos usar o banco de dados Northwind do Microsoft, se você não tem o bd, faça o download usando o link abaixo


Download Northwind Database

Para nossa String de Conexão no web.config.


<connectionStrings>
      . <Addname = "constr" connectionString = "Data Source = \ SQLExpress;
       Initial Catalog = Northwind; Integrated Security = true "/>
</ ConnectionStrings>


Baixe o jQuery


Você pode baixar a última versão do jQuery eo AutoComplete Plugin usando os links abaixo.

 

Download jQuery

Download jQuery AutoComplete Plugin

 

No AutoComplete Handler, precisaremos construir um manipulador que irá processar todos os pedidos de AutoComplete e retornar os resultados de volta para a página da Web ASP.Net.

 

<%@ WebHandler Language="VB" Class="Search_VB" %>

Imports System
Imports System.Web
Imports System.Data.SqlClient
Imports System.Configuration
Imports System.Text

Public Class Search_VB : Implements IHttpHandler
   
    Public Sub ProcessRequest(ByVal context As HttpContext) Implements IHttpHandler.ProcessRequest
        Dim prefixText As String = context.Request.QueryString("q")
        Dim conn As SqlConnection = New SqlConnection
        conn.ConnectionString = ConfigurationManager _
                .ConnectionStrings("constr").ConnectionString
        Dim cmd As SqlCommand = New SqlCommand
        cmd.CommandText = ("select ContactName from Customers where " & _
                           "ContactName like @SearchText + '%'")
        cmd.Parameters.AddWithValue("@SearchText", prefixText)
        cmd.Connection = conn
        Dim sb As StringBuilder = New StringBuilder
        conn.Open()
        Dim sdr As SqlDataReader = cmd.ExecuteReader
        While sdr.Read
            sb.Append(sdr("ContactName")) _
                .Append(Environment.NewLine)
        End While
        conn.Close()
        context.Response.Write(sb.ToString)
    End Sub




    Public ReadOnly Property IsReusable() As Boolean Implements IHttpHandler.IsReusable
        Get
            Return False
        End Get
    End Property
End Class

 

 

 

O manipulador acima aceita o pedido do jQuery em um parâmetro q Querystring . Com base no valor deste parâmetro o manipulador de procura na tabela de cliente e retorna os clientes cujos nomes correspondem a subsequência consultado pelo usuário.


Implementação no Client Side


Abaixo a descrição das implementações no Client Side do jQuery AutoComplete Plugin.

 

 

<head id="Head1" runat="server">



<title></title>
<link href="css/jquery.autocomplete.css" rel="stylesheet" type="text/css" />
<script src="scripts/jquery-1.4.1.min.js" type="text/javascript"></script>
<script src="scripts/jquery.autocomplete.js" type="text/javascript"></script>
<script type="text/javascript">
    $(document).ready(function() {
        $("#<%=txtSearch.ClientID%>").autocomplete('Search_VB.ashx');
    });      
</script>
</head>
<body>
    <form id="form1" runat="server">
    <div>
        <asp:TextBox ID="txtSearch" runat="server"></asp:TextBox>
    </div>
    </form>
</body>

 

 

 

Perceba que acima o quão fácil é configurar o jQuery AutoComplete Plugin. Você simplesmente precisa herdar os arquivos JS necessário , coloque uma caixa de texto e escreva abaixo pequeno trecho

 

 

 

<script type="text/javascript">



    $(document).ready(function() {
        $("#<TextBoxControlId>").autocomplete('<Url of handler>');
    }); 

</script>

Compartilhar este post

Link para o post
Compartilhar em outros sites
Ir para a lista de tópicos ASP Clássico
×

Informação importante

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

  Aceito