or
.Columns(columns => { columns.Bound(c => c.CustomerID).Title("Picture"); columns.Bound(c => c.ContactName).Title("Name"); columns.Bound(c => c.CompanyName); columns.Bound(c => c.Country); columns.Bound(c => c.Address); columns.Bound(c => c.Phone); }) I still get the concept I think but it would be nice if they actually matched.l
@(Html.Kendo().LinearGauge().Name("LinGauge" + @Model.ComponentName.Replace(" ",""))
.Pointer(pointer => pointer.Size(30.0)
.Color("Black")
.Value(@Model.ComponentScore / 1000.0)
.Shape(GaugeLinearPointerShape.Arrow))
.Scale(scale => scale.Min(0.0)
.Max(1.0)
.Vertical(false)
.MinorTicks(t => t.Visible(false))
.MajorTicks(t => t.Visible(false))
.Labels(l=>l.Visible(false))))
<
div
id
=
"me"
>
<
div
id
=
"kendoGrid"
></
div
>
</
div
>
<
script
type
=
"text/javascript"
>
var viewModel = {
items: []
};
viewModel.items.push({ id: 0, dataField: new Date(2012, 1, 1), dataType: 'date' });
viewModel.items.push({ id: 1, dataField: 'any string', dataType: 'string' });
viewModel.items.push({ id: 2, dataField: true, dataType: 'boolean' });
$(document).ready(function () {
$("#kendoGrid").kendoGrid({
dataSource: {
data: viewModel.items,
batch: true,
schema: {
model: {
id: "id",
fields: {
id: { editable: false, nullable: false },
dataField: {}
}
}
}
},
columns: [{
field: "dataField",
title: "Attribute Value"
}],
editable:true
});
});
</
script
>
<
div
data-role
=
"footer"
>
<
div
data-role
=
"tabstrip"
id
=
"custom-tabstrip"
>
<
a
href
=
"/"
data-icon
=
"home"
>Home</
a
>
<
a
href
=
"/gallery/"
data-icon
=
"camera"
>Gallery</
a
>
<
a
href
=
"/blog/"
data-icon
=
"compose"
>Blog</
a
>
<
a
href
=
"/contact/"
data-icon
=
"globe"
>Contact</
a
>
<
a
href
=
"?mobileFormat=false"
data-icon
=
"action"
>Full Site</
a
>
</
div>
</
div
>