我如何添加进度条到我的剑道网格单元格

Question

我需要在剑道网格单元格中做进度条，根据我指定的日期计算10天的时间

我的代码在剑道网格是。列。Bound (p =>p.DateOfReminder)。Title ("). clienttemplate (">

")。可分类的(错误的)。"宽度("12%);

Answer 1

你可以在grid dataBound事件中初始化进度条。

dataBound: function(e) {
var grid = e.sender;
//find all progress bar divs in grid body
grid.tbody.find(".progress").each(function(e) {
//get the dataItem for the current row
var row = $(this).closest("tr");
var dataItem = grid.dataItem(row);
//init the progressbar and set the value
$(this).kendoProgressBar({
max: 10,
value: dataItem.progress
})
});

这是一个DEMO