[英]dxDataGrid - How to refresh the widget
当我点击按钮时,不工作刷新。如果目的是添加到数据库按钮按钮按下来到屏幕。 但是不更新。 我用ajax创建了一个数据网格。 我在ViewModel中也写了刷新功能,不更新可能是什么原因。 我的数据是json。
$.ajax({ type: "GET", url: "https://js.devexpress.com/Demos/WidgetsGallery/data/orderItems" success: function (msg, result, status, xhr) { var obj = jQuery.parseJSON(msg); $("#gridContainer").dxDataGrid({ dataSource: obj, filterRow: { visible: true}});}}); var viewModel = { refresh: function () { var dataGrid = $('#gridContainer').dxDataGrid('instance'); dataGrid.refresh();}}; return viewModel;
<div data-options="dxView : { name: 'dd',disableCache: true } " > <div data-bind="dxCommand: { icon: 'refresh', id: 'save', onExecute: refresh }"></div> <div data-options="dxContent : { targetPlaceholder: 'content' } " > <div id="gridContainer"></div> </div> </div>
正如亚历克斯所提到的,你的 ajax 只会发生一次。 所以,最好使用DataSource 配置对象来加载数据:
var dataSource = {
load: function() {
var items = $.Deferred();
$.ajax({
type: "GET",
url: "https://js.devexpress.com/Demos/WidgetsGallery/data/orderItems",
success: function(result) {
items.resolve(result.items);
}
});
return items.promise();
}
};
$("#gridContainer").dxDataGrid({
dataSource: dataSource,
//...
});
然后,如果调用 dxDataGrid 的refresh()
方法,将重新加载数据源。
请注意,如果您的数据源动态变化, 刷新方法很有用。
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.