Como vincular o GridView utilizando o JavaScript

Escrito por jim campbell | Traduzido por ilve maria
  • Compartilhar
  • Tweetar
  • Compartilhar
  • Pin
  • E-mail
Como vincular o GridView utilizando o JavaScript
Aprenda a vincular o GridView utilizando o JavaScript (Burke/Triolo Productions/Brand X Pictures/Getty Images)

O ASP.NET GridView carrega todas as suas colunas e linhas quando o servidor carregar a página no navegador do usuário. Usando a linguagem JavaScript Ajax, você pode mudar e conectar mais dados às linhas do GridView, além de poder excluir e adicionar uma ou várias linhas. Os dados são exibidos imediatamente no GridView sem a necessidade de atualizar a página.

Nível de dificuldade:
Moderado

Outras pessoas estão lendo

Instruções

  1. 1

    Clique no botão "Iniciar" do Windows e selecione "Todos os Programas". Clique em "Microsoft. NET", "Visual Studio" e abra o projeto GridView após o VS carregar.

  2. 2

    Dê um clique duplo no arquivo de código da sua página GridView, em seguida, abra o código do HTML. O JavaScript é colocado diretamente no código HTML das suas páginas .NET.

  3. 3

    Inclua as funções do JavaScript necessárias para chamar as funções do Ajax. Adicione o seguinte código dentro das tags HTML "head":

    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js">

  4. 4

    Crie a função JavaScript para vincular os dados com o GridView. O código a seguir adiciona uma linha no GridView chamado "mygrid":

    <script type="text/javascript"> function bind() { $.ajax({ type: "POST", url: "Default.aspx/Customers", data: "{}", contentType: "application/json", dataType: "json", success: function (data) { $("#NamesGridView").append("<tr><td>Joe</td><td>Customer</td></tr>"); } }) } </script>

  5. 5

    Vincule a função a um botão em sua página web. Quando o usuário clicar nele, os novos dados se ligarão ao GridView. O código a seguir adiciona um botão à função de vinculamento:

    <input type="button" value="Add Data" onclick="bind()">

Não perca

Filtro:
  • Geral
  • Artigos
  • Slides
  • Vídeos
Mostrar:
  • Mais relevantes
  • Mais lidos
  • Mais recentes

Nenhum artigo disponível

Nenhum slide disponível

Nenhum vídeo disponível