重新加载Infragistics网格

Question

我有一个Infragistics网格，我需要通过Jquery重新加载。当更新/插入带有值/文本下拉的行时，它们当前有一个错误，因此我需要手动重新加载它。

$("#grid1").igGrid("databind");不起作用。如何通过Jquery重新加载整个网格？

Answer 1

你需要调用方法“dataBind”（只是一个错字）

$("#grid1").igGrid("dataBind"); 

希望这有助于至少一些:)

Answer 2

如果要重新加载整个网格，可以尝试使用UpdatePanel并将触发器设置为RowUpdated和RowAdded事件;您只需要从事件处理程序将网格重新绑定到数据源。我想你可以通过客户端事件和jQuery完成这项工作，但我只是尝试从后面的代码重新绑定。

祝好运

Answer 3

他们没有给出任何可以提供帮助的方法，但你可以尝试下面的代码，这些代码效果很好。

这里第一次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"
              }
          ]
    });
  }

如果您需要任何帮助，请告诉我