Jquery 重新加载基础设施网格

Jquery 重新加载基础设施网格,jquery,infragistics,ignite-ui,iggrid,Jquery,Infragistics,Ignite Ui,Iggrid,我有一个需要通过Jquery重新加载的基础设施网格。他们当前在网格中更新/插入带有值/文本下拉列表的行时存在错误,因此我需要手动重新加载它 $(“#grid1”).igGrid(“数据绑定”)不起作用。如何通过Jquery重新加载整个网格?如果要重新加载整个网格,可以尝试使用UpdatePanel并将触发器设置为RowUpdate和RowAdded事件;您只需将网格从事件处理程序重新绑定到数据源。我想您可以通过客户端事件和jQuery完成这项工作,但我只尝试过从代码背后重新绑定 祝你好运如果你想

我有一个需要通过Jquery重新加载的基础设施网格。他们当前在网格中更新/插入带有值/文本下拉列表的行时存在错误,因此我需要手动重新加载它


$(“#grid1”).igGrid(“数据绑定”)不起作用。如何通过Jquery重新加载整个网格?

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


祝你好运

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


祝你好运

你需要调用方法“dataBind”(只是一个输入错误)


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

您需要调用方法“dataBind”(只是一个输入错误)


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

他们没有给出任何可以帮助的方法,但您可以尝试下面的代码,这些代码非常有用

这里第一次在DOM上加载igGrid,第二次在调用igGridUpdate()后继续加载,这真是太棒了。 我使用了来自我的应用程序URL的数据,该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!');
   }

   });
}


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

他们没有提供任何可以帮助您的方法,但您可以尝试下面的代码,这些代码非常有用

这里第一次在DOM上加载igGrid,第二次在调用igGridUpdate()后继续加载,这真是太棒了。 我使用了来自我的应用程序URL的数据,该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!');
   }

   });
}


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

什么叫数据绑定不起作用?网格没有重新绑定吗?如果您已经记录了关于此的开发问题,您能告诉我们案例ID号或内部错误ID(我来自Infragistics)吗?另外,恐怕你提供的细节太少,不能给你一个合理的建议。调用“dataBind”API方法是一种可行的方法,因此,除非您提供有关场景和/或错误(如果有)的更多详细信息,否则很难给出答案/解决方案。调用dataBind是什么意思?网格没有重新绑定吗?如果您已经记录了关于此的开发问题,您能告诉我们案例ID号或内部错误ID(我来自Infragistics)吗?另外,恐怕你提供的细节太少,不能给你一个合理的建议。调用“dataBind”API方法是一种方法,因此除非您提供有关场景和/或错误(如果有)的更多详细信息,否则很难给出答案/解决方案。
 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"
              }
          ]
    });
  }