MobileDrawerBuilder
Defines the fluent API for configuring the Kendo MobileDrawer for ASP.NET MVC.
Methods
Container(System.String)
Specifies the content element to shift when the drawer appears. Required if the drawer is used outside of a mobile application.
Parameters
value - System.String
The value that configures the container.
SwipeToOpen(System.Boolean)
If set to false, swiping the view will not activate the drawer. In this case, the drawer will only be open by a designated button. should be disabled for browsers, which use side swiping gestures for back/forward navigation, such as iOS Safari. Otherwise, users should swipe from an inner part of the view, and not from the view edge.
Parameters
value - System.Boolean
The value that configures the swipetoopen.
SwipeToOpenViews(System.String[])
A list of the view ids on which the drawer will appear when the view is swiped. If omitted, the swipe gesture will work on all views. The option has effect only if swipeToOpen is set to true.
Parameters
value - System.String[]
The value that configures the swipetoopenviews.
Title(System.String)
The text to display in the Navbar title (if present).
Parameters
value - System.String
The value that configures the title.
Position(Kendo.Mvc.UI.MobileDrawerPosition)
The position of the drawer. Can be left (default) or right.
Parameters
value - MobileDrawerPosition
The value that configures the position.
Header(System.Action)
Sets the HTML content which the header should display.
Parameters
value - System.Action
The action which renders the header.
Example
@( Html.Kendo().MobileDrawer()
.Name("Drawer")
.Header(() =>
{
)
<strong> Drawer Header </strong>
@(
})
.Render();
)
Header(System.Func)
Sets the HTML content which the header should display.
Parameters
value - System.Func<Object,Object>
The content wrapped in a regular HTML tag or text tag (Razor syntax).
Example
@(Html.Kendo().MobileDrawer()
.Name("Drawer")
.Header(
@<text>
Some text
<strong> Drawer Header </strong>
</text>
)
)
Header(System.String)
Sets the HTML content which the header should display as a string.
Parameters
value - System.String
The action which renders the header.
Example
@( Html.Kendo().MobileDrawer()
.Name("Drawer")
.Header("<strong> Drawer Header </strong>");
.Render();
)
Content(System.Action)
Sets the HTML content which the content should display.
Parameters
value - System.Action
The action which renders the content.
Example
@( Html.Kendo().MobileDrawer()
.Name("Drawer")
.Content(() =>
{
)
<strong> Drawer Content </strong>
(
})
.Render();
)
Content(System.Func)
Sets the HTML content which the content should display.
Parameters
value - System.Func<Object,Object>
The content wrapped in a regular HTML tag or text tag (Razor syntax).
Example
@(Html.Kendo().MobileDrawer()
.Name("Drawer")
.Content(
@<text>
Some text
<strong> Drawer Content </strong>
</text>
)
)
Content(System.String)
Sets the HTML content which the view content should display as a string.
Parameters
value - System.String
The action which renders the view content.
Example
@( Html.Kendo().MobileDrawer()
.Name("Drawer")
.Content("<strong> Drawer Content </strong>");
.Render();
)
Footer(System.Action)
Sets the HTML content which the footer should display.
Parameters
value - System.Action
The action which renders the footer.
Example
@( Html.Kendo().MobileDrawer()
.Name("Drawer")
.Footer(() =>
{
)
<strong> Drawer Footer </strong>
@(
})
.Render();
)
Footer(System.Func)
Sets the HTML content which the footer should display.
Parameters
value - System.Func<Object,Object>
The content wrapped in a regular HTML tag or text tag (Razor syntax).
Example
@(Html.Kendo().MobileDrawer()
.Name("Drawer")
.Footer(
@<text>
Some text
<strong> Drawer Footer </strong>
</text>
)
)
Footer(System.String)
Sets the HTML content which the footer should display as a string.
Parameters
value - System.String
The action which renders the footer.
Example
@( Html.Kendo().MobileDrawer()
.Name("Drawer")
.Footer("<strong> Drawer Footer </strong>");
.Render();
)
Views(System.String[])
A list of the view ids on which the drawer will appear. If omitted, the drawer can be revealed on any view in the application.
Parameters
names - System.String[]
The list of view ids on which the drawer will appear.
Events(System.Action)
Configures the client-side events.
Parameters
configurator - System.Action<MobileDrawerEventBuilder>
The client events action.
Example
@( Html.Kendo().MobileDrawer()
.Name("MobileDrawer")
.Events(events => events
.BeforeShow("onBeforeShow")
)
)
ToComponent()
Returns the internal view component.
Name(System.String)
Sets the name of the component.
Parameters
componentName - System.String
The name of the component.
Example
@(Html.Kendo().Grid<OrderViewModel>()
.Name("grid")
.Columns(columns =>
{
columns.Bound(p => p.OrderID).Filterable(false);
columns.Bound(p => p.Freight);
})
.DataSource(dataSource => dataSource
.Ajax()
.PageSize(20)
.Read(read => read.Action("Orders_Read", "Grid"))
)
)
Deferred(System.Boolean)
Suppress initialization script rendering. Note that this options should be used in conjunction with Kendo.Mvc.UI.Fluent.WidgetFactory.DeferredScripts(System.Boolean)
Parameters
deferred - System.Boolean
ModelMetadata(System.Web.Mvc.ModelMetadata)
Uses the Metadata of the Model.
Parameters
modelMetadata - System.Web.Mvc.ModelMetadata
The metadata set for the Model
HtmlAttributes(System.Object)
Sets the HTML attributes.
Parameters
attributes - System.Object
The HTML attributes.
HtmlAttributes(System.Collections.Generic.IDictionary)
Parameters
attributes - System.Collections.Generic.IDictionary<String,Object>
Render()
Renders the component.
Example
@(@Page Inherits="System.Web.Mvc.ViewPage<IEnumerable<Product>>" )
@( Html.Kendo().Grid(Model)
.Name("grid")
.DetailTemplate(product => {
)
Product Details:
<div>Product Name: @( product.ProductName )</div>
<div>Units In Stock: @( product.UnitsInStock )</div>
@(
})
.Render();
)