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>