2014-06-10 123 views
1

我有一個寬度爲100%的網格。網格首次加載時,列大小等於所有列中的大小。 用戶可以重新調整列的大小以適應他們的需要。 現在我需要一種方法將所有列重置爲默認值,而無需重新加載頁面。Kendo Grid:清除列寬

我試圖刷新網格,但沒有奏效電網已被綁定後: .data().kendoGrid.refresh()

+0

這是一個錯字嗎?你不是指'$(element).data('kendoGrid')。refresh()'? – Brett

+0

不,我相信兩者都應該有效。 – bthread

+0

似乎數據正在刷新,但不是列寬。 – bthread

回答

0

你可以嘗試一個小竅門(這不是完美的,可能會因您的自定義網格格式失敗) 。訣竅是將寬度設置爲相同的數量(例如100px)。喜歡的東西:

電網定義:

var grid = $("#grid").kendoGrid({ 
    dataSource: ds, 
    resizable : true, 
    pageable : true, 
    columns : 
    [ 
     { field: "FirstName", title: "First Name" }, 
     { field: "LastName", title: "Last Name" }, 
     { field: "City" } 
    ] 
}).data("kendoGrid"); 

代碼調整:

$("col", grid.element).css("width", "100px"); 

此外,你可能有興趣做:

$("table", grid.element).css("width", "100%"); 

這種大小調整「表「列使用所有原始空間,否則(只是做col調整大小)你可能會以等間距的列結束,但不會使用表格的所有原始寬度)。

你可以看到它是如何工作的:http://jsfiddle.net/OnaBai/a9QSr/