MobileLayoutBuilder
Defines the fluent API for configuring the Kendo MobileLayout for ASP.NET MVC.
Methods
Platform(System.String)
The specific platform this layout targets. By default, layouts are displayed on all platforms.
Parameters
value - System.String
The value that configures the platform.
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().MobileLayout()
.Name("Layout")
.Header(() =>
{
)
<strong> View 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().MobileLayout()
.Name("Layout")
.Header(
@<text>
Some text
<strong> View 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().MobileLayout()
.Name("Layout")
.Header("<strong> View Header </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().MobileLayout()
.Name("Layout")
.Footer(() =>
{
)
<strong> View 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().MobileLayout()
.Name("Layout")
.Footer(
@<text>
Some text
<strong> View 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().MobileLayout()
.Name("Layout")
.Footer("<strong> View Footer </strong>");
.Render();
)
HeaderHtmlAttributes(System.Object)
Sets the Header HTML attributes.
Parameters
attributes - System.Object
The HTML attributes.
FooterHtmlAttributes(System.Object)
Sets the Footer HTML attributes.
Parameters
attributes - System.Object
The HTML attributes.
HeaderHtmlAttributes(System.Collections.Generic.IDictionary)
Sets the Header HTML attributes.
Parameters
attributes - System.Collections.Generic.IDictionary<String,Object>
The HTML attributes.
FooterHtmlAttributes(System.Collections.Generic.IDictionary)
Sets the Footer HTML attributes.
Parameters
attributes - System.Collections.Generic.IDictionary<String,Object>
The HTML attributes.
Events(System.Action)
Configures the client-side events.
Parameters
configurator - System.Action<MobileLayoutEventBuilder>
The client events action.
Example
@( Html.Kendo().MobileLayout()
.Name("MobileLayout")
.Events(events => events
.Hide("onHide")
)
)
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();
)