Javascript を使用して剣道グリッドをリロードまたは更新する方法は?
しばらくしてから、またはユーザー アクションの後に、グリッドの再読み込みまたは更新が必要になることがよくあります。
Javascript を使用して剣道グリッドをリロードまたは更新する方法は?
しばらくしてから、またはユーザー アクションの後に、グリッドの再読み込みまたは更新が必要になることがよくあります。
使用できます
$('#GridName').data('kendoGrid').dataSource.read(); <!-- first reload data source -->
$('#GridName').data('kendoGrid').refresh(); <!-- refresh current UI -->
$('#GridName').data('kendoGrid').dataSource.read();
$('#GridName').data('kendoGrid').refresh();
ハンドラーでグリッドへの参照を持たない場合は、次のコードを使用できます。
$(".k-pager-refresh").trigger('click');
更新ボタンがある場合、これによりグリッドが更新されます。ボタンは次のように有効にできます。
[MVC GRID DECLARATION].Pageable(p=> p.Refresh(true))
Jquery .ajax を使用してデータを取得しました。データを現在のグリッドにリロードするには、次のことを行う必要があります。
.success (function (result){
$("#grid").data("kendoGrid").dataSource.data(result.data);
})
いつでもご利用いただけます$('#GridName').data('kendoGrid').dataSource.read();
。.refresh();
その後は本当にする必要はありません.dataSource.read();
。トリックを行います。
より角度のある方法でグリッドを更新する場合は、次のようにします。
<div kendo-grid="vm.grid" id="grid" options="vm.gridOptions"></div>
vm.grid.dataSource.read();`
また
vm.gridOptions.dataSource.read();
kendo.data.DataSource
データソースを型として宣言することを忘れないでください
あなたは試すことができます:
$('#GridName').data('kendoGrid').dataSource.read();
$('#GridName').data('kendoGrid').refresh();
グリッドが新しい読み取り要求とともに再レンダリングされる完全な更新を行うには、次の操作を実行できます。
Grid.setOptions({
property: true/false
});
プロパティは、ソート可能などの任意のプロパティにすることができます
以下のコードを書くだけ
$('.k-i-refresh').click();
$("#theidofthegrid").data("kendoGrid").dataSource.data([ ]);
一定時間ごとにグリッドを自動的に更新する必要がある場合は、間隔を 30 秒に設定した次の例を使用できます。
<script type="text/javascript" language="javascript">
$(document).ready(function () {
setInterval(function () {
var grid = $("#GridName").data("kendoGrid");
grid.dataSource.read();
}, 30000);
});
</script>