2

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

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

4

3 回答 3

4

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

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

希望这至少对某人有所帮助:)

于 2014-04-01T15:04:35.367 回答
0

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

祝你好运

于 2013-08-26T13:39:00.413 回答
0

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

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

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

于 2014-06-04T10:49:54.233 回答