何千ものレコードを持つ KendoGrid があります。最初に、グリッド上の展開ボタンを使用して、ダッシュボードの上にグリッド内の 5 つの項目を含む縮小ビューでグリッドを表示したいと考えています。ユーザーが展開ボタンをクリックすると、グリッド内の項目が 20 に増えます。
ダッシュボード上にグリッドを展開するには、次のコードを使用します。
function Expand(widgetName, speed) {
var widget = $("#" + widgetName + "Widget");
debugger;
var gridName = widgetName + "Grid";
gridName.data().kendoGrid.dataSource.page(20);
widget.css({ "z-index": 100 });
GetWidget(widgetName).expanded = true;
var expandedHeight = GetExpandedHeight(widgetName);
widget.animate(
{
top: '5',
height: expandedHeight
},
speed,
function () {
// Animation complete.
var grid = $("#" + widgetName + "Grid");
if (grid.length > 0) {
grid.animate(
{ height: expandedHeight - 70 },
speed / 3,
function () {
resizeGrid(grid);
}
);
}
}
);
}`