New to Telerik UI for ASP.NET MVC? Start a free 30-day trial

Defines the fluent interface for configuring Scrollable

Definition

Namespace:Kendo.Mvc.UI.Fluent

Assembly:Kendo.Mvc.dll

Syntax:

C#
public class GridScrollSettingsBuilder

Inheritance: objectGridScrollSettingsBuilder

Inherited Members object.GetType()object.MemberwiseClone()object.ToString()object.Equals(object)object.Equals(object, object)object.ReferenceEquals(object, object)object.GetHashCode()...

Constructors

Initializes a new instance of the GridScrollSettingsBuilder class.

C#
public GridScrollSettingsBuilder(GridScrollableSettings settings)
Parameters:settingsGridScrollableSettings

The settings.

Methods

Enables or disables scrolling.

C#
public virtual GridScrollSettingsBuilder Enabled(bool value)
Parameters:valuebool

The boolean value for the scrolling functionality. If set to true the grid will display a scrollbar when the total row height (or width) exceeds the grid height (or width). By default scrolling is enabled.

Returns:

GridScrollSettingsBuilder

Example:
C#
@(Html.Kendo().Grid<OrderViewModel>()
.Name("grid")
.Columns(columns =>
{
columns.Bound(p => p.OrderID).Filterable(false);
columns.Bound(p => p.Freight);
})
.Scrollable(s => s.Enabled(true))
.DataSource(dataSource => dataSource
.Ajax()
.PageSize(20)
.Read(read => read.Action("Orders_Read", "Grid"))
)
)

Enables or disables endless scrolling.

C#
public virtual GridScrollSettingsBuilder Endless(bool value)
Parameters:valuebool

If set to true the grid will always display a single page of data. Scrolling to the end will load more items untill all items are displayed.

Returns:

GridScrollSettingsBuilder

Example:
C#
@(Html.Kendo().Grid<OrderViewModel>()
.Name("grid")
.Columns(columns =>
{
columns.Bound(p => p.OrderID).Filterable(false);
columns.Bound(p => p.Freight);
})
.Scrollable(s => s.Endless(true))
.DataSource(dataSource => dataSource
.Ajax()
.PageSize(20)
.Read(read => read.Action("Orders_Read", "Grid"))
)
)

Sets the height of the scrollable area in pixels.

C#
public virtual GridScrollSettingsBuilder Height(int pixelHeight)
Parameters:pixelHeightint

The height in pixels.

Returns:

GridScrollSettingsBuilder

Example:
C#
@(Html.Kendo().Grid<OrderViewModel>()
.Name("grid")
.Columns(columns =>
{
columns.Bound(p => p.OrderID).Filterable(false);
columns.Bound(p => p.Freight);
})
.Scrollable(s => s.Height(400))
.DataSource(dataSource => dataSource
.Ajax()
.PageSize(20)
.Read(read => read.Action("Orders_Read", "Grid"))
)
)

Sets the height of the scrollable.

C#
public virtual GridScrollSettingsBuilder Height(string value)
Parameters:valuestring

The height in units.

Returns:

GridScrollSettingsBuilder

Example:
C#
@(Html.Kendo().Grid<OrderViewModel>()
.Name("grid")
.Columns(columns =>
{
columns.Bound(p => p.OrderID).Filterable(false);
columns.Bound(p => p.Freight);
})
.Scrollable(s => s.Height("20pt"))
.DataSource(dataSource => dataSource
.Ajax()
.PageSize(20)
.Read(read => read.Action("Orders_Read", "Grid"))
)
)

Enables or disabled virtual scrolling.

C#
public virtual GridScrollSettingsBuilder Virtual(bool value)
Parameters:valuebool

Configures the grid virtualization settings. If set to true the grid will enable row virtualization and display a single page of data.

Returns:

GridScrollSettingsBuilder

Example:
C#
@(Html.Kendo().Grid<OrderViewModel>()
.Name("grid")
.Columns(columns =>
{
columns.Bound(p => p.OrderID).Filterable(false);
columns.Bound(p => p.Freight);
})
.Scrollable(s => s.Virtual(true))
.DataSource(dataSource => dataSource
.Ajax()
.PageSize(20)
.Read(read => read.Action("Orders_Read", "Grid"))
)
)

Configures the grid virtualization mode.

C#
public virtual GridScrollSettingsBuilder Virtual(GridVirtualizationMode value)
Parameters:valueGridVirtualizationMode

The grid virtualization mode

Returns:

GridScrollSettingsBuilder

Example:
C#
@(Html.Kendo().Grid<OrderViewModel>()
.Name("grid")
.Columns(columns =>
{
columns.Bound(p => p.OrderID).Filterable(false);
columns.Bound(p => p.Freight);
})
.Scrollable(s => s.Virtual(GridVirtualizationMode.Rows))
.DataSource(dataSource => dataSource
.Ajax()
.PageSize(20)
.Read(read => read.Action("Orders_Read", "Grid"))
)
)