重新加载Infragistics网格
我有一个Infragistics网格,我需要通过Jquery重新加载。 当更新/插入带有值/文本下拉的行时,它们当前有一个错误,因此我需要手动重新加载它。
$("#grid1").igGrid("databind");
不起作用。 如何通过Jquery重新加载整个网格?
你需要调用方法“dataBind”(只是一个错字)
$("#grid1").igGrid("dataBind");
希望这有助于至少一些:)
如果要重新加载整个网格,可以尝试使用UpdatePanel并将触发器设置为RowUpdated和RowAdded事件; 您只需将网格从事件处理程序重新绑定到数据源。 我想你可以用客户端事件和jQuery完成它,但我只是尝试从后面的代码重新绑定。
祝好运
他们没有给出任何可以提供帮助的方法,但是你可以尝试下面的代码,它们非常有用。
这里第一次igGrid加载DOM并在调用igGridUpdate()后第二次加载,这真的很棒。 我使用了应用程序URL中的数据,它为我提供了直接传递数据源的json数据。
$(document).ready(function() { var data = "/orders/open_orders.json"; igGridLoading(data); }); function igGridUpdate() { $.ajax( { type : 'GET', url : '/orders/open_orders.json', dataType : 'json', success : function(data) { igGridLoading (data); }, error: function(XMLHttpRequest, testStatus, errorThrown) { alert('Error!'); } });
}
function igGridLoading(data) { $("#open_order_list").igGrid({ columns: [ { headerText: "Order ID", key: "id", dataType: "string", hidden:true }, { headerText: "Order no", key: "order_number", dataType: "number" }, { headerText: "Customer name", key: "customer_name", dataType: "string", align: "center" }, { headerText: "Reseller name", key: "reseller_name", dataType: "string" }, { headerText: "Created date", key: "created_at", dataType: "date" }, { headerText: "Time", key: "created_time", dataType: "string" }, { headerText: "Updated date", key: "updated_at", dataType: "date" }, { headerText: "Time", key: "updated_time", dataType: "string" }, { headerText: "Order status", key: "order_status_name", dataType: "string" }, { headerText: "Updated by", key: "updated_by", dataType: "string" } ], dataSourceType: 'json', dataSourceUrl: "/orders/open_orders_grid", dataSource: data, primaryKey: "id", autoGenerateColumns: false, width: "900px", responseDataKey: "results", features: [ { name: "Tooltips", style: Modernizr.touch ? "popover" : "tooltip", visibility: "always" }, { name: 'Paging', type: "local", pageSize: 10 }, { name: "Filtering", type: "local", mode: "advanced", filterDialogContainment: "window" }, { name: "Resizing" }, { name: "Selection", mode: 'row', multipleSelection: true }, { name: "Sorting", type: "local", mode: "multi", sortingDialogContainment: "window" }, { name: "Hiding" }, { name: "ColumnMoving", columnMovingDialogContainment: "window" } ] }); }
如果您需要帮助,请告诉我