Я использую сетку Angularjs ui, мне нужна небольшая помощь в визуализации шаблонов ячеек. В каждой строке первый столбец должен показывать индикатор выполнения на основе значения ячейки. Поэтому я использовал в контроллере следующее:
var ctrl = this;
ctrl.gridOptions = {};
ctrl.gridOptions.columnDefs = [{
field: 'completeStatus',
cellTemplate: ' <uib-progressbar value="55"> </uib-progressbar>',
width: 100
},
{
field: 'invoiceNum'
}
];
ctrl.gridOptions.data = [{
"completeStatus": "70",
"invoiceNum": "2332324"
}, {
"completeStatus": "50",
"invoiceNum": "1221123"
}, {
"completeStatus": "20",
"invoiceNum": "-"
}];
HTML:
<div id="regGrid" ui-grid="ctrl.gridOptions" class="reg-grid"></div>
Я использовал индикатор выполнения бутстрапа ui, который отлично работает для вышеуказанных настроек. Но каждый индикатор выполнения показывает 55%
потому что я жестко закодировал значение. Теперь я хочу изменить значение индикатора выполнения на основе значения в поле "fullStatus". Поэтому я изменил cellTempalate
на
cellTemplate: '<span> '+ completeStatus +' </span> <uib-progressbar value='+ completeStatus + '> </uib-progressbar>'
Но это не работает. Я хочу, чтобы мой индикатор выполнения использовал значение ячейки, а также я хочу отобразить это значение в диапазоне. может ли кто-нибудь помочь мне в исправлении этого?
Попробуй это:
<span>{{row.entity.completeStatus}}</span> <uib-progressbar value='row.entity.completeStatus'></uib-progressbar>
Таким образом, вы указываете ui-grid для интерполяции объекта строки, который имеет свойство completeStatus
.