Шаблон ячейки интерфейса Angularjs должен использовать значение ячейки при рендеринге шаблона.

0

Я использую сетку 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>'

Но это не работает. Я хочу, чтобы мой индикатор выполнения использовал значение ячейки, а также я хочу отобразить это значение в диапазоне. может ли кто-нибудь помочь мне в исправлении этого?

Теги:
angularjs-scope
angularjs-directive
angular-ui-grid

1 ответ

1
Лучший ответ

Попробуй это:

<span>{{row.entity.completeStatus}}</span> <uib-progressbar value='row.entity.completeStatus'></uib-progressbar>

Таким образом, вы указываете ui-grid для интерполяции объекта строки, который имеет свойство completeStatus.

Ещё вопросы

Сообщество Overcoder
Наверх
Меню