MobileLayoutBuilder
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>
AsChildComponent()
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();
)