2012-11-08 137 views
2

我有一個Infragistics網格,我需要通過Jquery重新加載。他們目前有一個錯誤,當更新/插入值/文本下拉列表中的行,所以我需要手動重新加載它。重新加載Infragistics網格

$("#grid1").igGrid("databind");不起作用。我如何通過Jquery重新加載整個網格?

+2

你怎麼通過調用數據綁定不工作呢?網格是否不重新綁定? –

+0

如果您已經記錄了關於此問題的開發問題,可以請讓我們知道案例ID號或內部錯誤ID(我來自Infragistics)? 另外,恐怕您提供的細節太少,無法給您一個合理的建議。 調用「dataBind」API方法是一種方式,除非您提供有關您的場景和/或錯誤(如果有)的更多詳細信息,否則很難爲您提供答案/解決方案。 –

回答

0

如果你想重新加載整個網格,你總是可以嘗試使用UpdatePanel並將觸發器設置爲RowUpdated和RowAdded事件;您只需將網格重新綁定到來自事件處理程序的數據源。我想你可以用客戶端事件和jQuery來完成,但我只是試圖從後面的代碼重新綁定。

好運

4

你需要調用方法「數據綁定」(只是一個錯字)

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

希望這有助於有人至少:)

0

他們沒有給出任何方法,可以幫助,但你可以嘗試下面的代碼,偉大的作品。

這裏第一次調用igGridUpdate()後,DOM上的igGrid加載和第二次加載,這真的很棒。 我已經使用了我的應用程序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" 
       } 
      ] 
    }); 
    } 

讓我知道如果您需要任何幫助