Como recarregar ou atualizar uma grade do Kendo usando Javascript?
Geralmente, é necessário recarregar ou atualizar uma grade após algum tempo ou após uma ação do usuário.
kendo-ui
kendo-grid
Oxon
fonte
fonte
read
solicitará o servidor e recarregará apenas a fonte de dados. Não haverá alterações na interface do usuário.refresh
renderiza novamente os itens na grade a partir da fonte de dados atual. É por isso que ambos são necessários.Eu nunca atualizo.
sozinho trabalha para mim o tempo todo.
fonte
fonte
Em um projeto recente, tive que atualizar a grade da interface do usuário do Kendo com base em algumas chamadas, que estavam acontecendo em algumas seleções suspensas. Aqui está o que eu acabei usando:
Espero que isso poupe algum tempo.
fonte
Nenhuma dessas respostas obtém o fato de
read
retornar uma promessa, o que significa que você pode aguardar o carregamento dos dados antes de chamar a atualização.Isso é desnecessário se a captura de dados for instantânea / síncrona, mas é mais provável que seja proveniente de um ponto de extremidade que não retornará imediatamente.
fonte
Se você não deseja ter uma referência à grade no manipulador, pode usar este código:
Isso atualizará a grade, se houver um botão de atualização. O botão pode ser ativado da seguinte forma:
fonte
Na verdade, eles são diferentes:
$('#GridName').data('kendoGrid').dataSource.read()
atualiza osuid
atributos da linha da tabela$('#GridName').data('kendoGrid').refresh()
deixa o mesmo uidfonte
O que você precisa fazer é adicionar um evento .Events (events => events.Sync ("KendoGridRefresh")) no código de ligação do kendoGrid. Não é necessário gravar o código de atualização no resultado do ajax.
E você pode adicionar a seguinte função Global em qualquer arquivo .js. portanto, você pode chamá-lo para todas as grades do kendo no seu projeto para atualizar o kendoGrid.
fonte
No meu caso, eu tinha um URL personalizado para acessar cada vez; embora o esquema do resultado permaneça o mesmo.
Eu usei o seguinte:
fonte
Você pode usar as linhas abaixo
Para um recurso de atualização automática, dê uma olhada aqui
fonte
Ao usar o código a seguir, ele automaticamente chamou o método de leitura da grade e preenche novamente a grade
fonte
Uma maneira alternativa de recarregar a grade é
fonte
Você sempre pode usar
$('#GridName').data('kendoGrid').dataSource.read();
. Você realmente não precisa.refresh();
depois disso,.dataSource.read();
fará o truque.Agora, se você deseja atualizar sua grade de uma maneira mais angular, você pode:
OU
E não se esqueça de declarar sua fonte de dados como
kendo.data.DataSource
tipofonte
Eu usei o Jquery .ajax para obter dados. Para recarregar os dados na grade atual, preciso fazer o seguinte:
fonte
Quero voltar à página 1 quando atualizar a grade. Apenas chamar a função read () manterá você na página atual, mesmo se os novos resultados não tiverem muitas páginas. Chamar .page (1) na fonte de dados atualizará a fonte de dados E retornará à página 1, mas falhará nas grades que não são pagináveis. Esta função lida com ambos:
fonte
Para fazer uma atualização completa, onde a grade será renderizada novamente junto com a nova solicitação de leitura, você pode fazer o seguinte:
Onde propriedade pode ser qualquer propriedade, por exemplo, classificável
fonte
Basta escrever o código abaixo
fonte
fonte
Você pode tentar:
fonte
Se você deseja que a grade seja atualizada automaticamente em uma base cronometrada, você pode usar o exemplo a seguir, com o intervalo definido em 30 segundos:
fonte
A configuração / dados padrão / atualizados dos widgets é configurada para se ligar automaticamente a um DataSource associado.
fonte
refresh
Você também pode atualizar sua grade enviando novos parâmetros para a ação Ler e configurando as páginas como desejar:
Neste exemplo, a ação de leitura da grade está sendo chamada pelo valor de 2 parâmetros e após obter o resultado, a paginação da grade fica na página 1.
fonte
A maneira mais fácil de atualizar é usar a função refresh (). Qual é o seguinte:
enquanto você também pode atualizar a fonte de dados usando este comando:
Na verdade, este último recarrega a fonte de dados da grade. O uso de ambos pode ser feito de acordo com sua necessidade e exigência.
fonte
fonte
dataSource.read()