I'm trying to add a bar in a column to show the percentage
I approached it by attempting to put a progressbar in the column.
I am not sure how to bind the value through.
if this is not the correct approach or I could get some help with the syntax I would appreciate any help.
<div
class
=
"row"
>
<div
class
=
"col-md-12"
>
@(Html.Kendo().Grid<KitViewModel>()
.Name(
"kitsOverviewGrid"
)
.Columns(columns =>
{
columns.Bound(p => p.SeqKit).Title(
"Kit#"
);
columns.Bound(p => p.Assembly).Title(
"Assembly"
);
columns.Bound(p => p.DateToPickStart).Title(
"Start Date"
).Format(
"{0:MM/dd/yyyy}"
);
columns.Bound(p => p.StatusName).Title(
"Status"
);
columns.Bound(p => p.KitQty).Title(
"Kit Qty"
);
columns.Bound(p => p.PercentCompletelyIssued)
.Title(
"Completely Issued"
)
.ClientTemplate(
Html.Kendo()
.ProgressBar()
.Name(Guid.NewGuid().ToString())
.Type(ProgressBarType.Percent)
.ToClientTemplate().ToString());
})
.Pageable()
.Sortable()
.Scrollable()
.Filterable()
.HtmlAttributes(
new
{ style =
"height:550px;"
})
.DataSource(dataSource => dataSource
.Ajax()
.PageSize(20)
.Read(read => read.Action(
"GetKitsOverView"
,
"KitsOverview"
))
)
)
</div>
</div>