更改现有Kendo Grid上的选项的正确语法是什么？

Question

我有一个剑道网格:

$('#myGrid').kendoGrid({
    ...
    scrollable: false,
    ...
});

然后我想改变它的可滚动属性.我已经尝试了以下所有方法:

$('#myGrid').data("kendoGrid").options.scrollable = true;
$('#myGrid').data("kendoGrid").refresh();

-

$('#myGrid').data("kendoGrid").scrollable = true;
$('#myGrid').data("kendoGrid").refresh();

-

var MyGrid = $('#myGrid').data("kendoGrid");
MyGrid.options.scrollable = true;
MyGrid.refresh();

-

var MyGrid = $('#myGrid').data("kendoGrid");
MyGrid.scrollable = true;
MyGrid.refresh();

什么都行不通.如何改变网格是否可以动态滚动？

Answer 1

这不是开箱即用的,所以你必须弄乱内部.重新创建网格可能更容易,但如果你仍然认为你需要它,这个小提琴可能有助于指出你正确的方向:

http://jsfiddle.net/lhoeppner/AKzzL/

基本上你可以尝试使用这样的东西:

function enableScrolling() {
    if (!grid.options.scrollable) {
        grid.options.scrollable = true;
        grid._thead();
        grid.refresh();
    }
}

function disableScrolling() {
    grid.options.scrollable = false;
    grid.table.unwrap(); // manually remove the wrapper that enables scrolling
}

使可滚动网格不可滚动,导致数据列的宽度不正确,因此根据您的要求,您可能需要对其进行更多自定义.