Шаблон Kendo Listview с использованием Angular ng-show для отображения и скрытия объекта

Question

Шаблон Kendo Listview с использованием Angular ng-show для отображения и скрытия объекта

0

Я работаю с Kendo Listview, чтобы показать графики. Я хотел бы, чтобы у пользователя была возможность щелкнуть флажок, чтобы показывать или отображать отдельные диаграммы. В настоящее время я пытаюсь использовать ng-show, но не могу заставить его работать.

Мой шаблон в моих списках

template: <div #:chartData.kendoDirective# k-options="vm.#:chartData.chartOptions#" ng-show="#:visible#" class="move k-block" id="#:chartData.htmlID#" style="float: left; margin: 5px 0;"></div>'

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

ОБНОВЛЕНИЕ: я получил начальные элементы для работы, используя следующие

ng-show="this.dataItem.visible == true"

Однако я все еще не могу заставить диаграмму показать/скрыть на основе флажка.

James 25 нояб. 2015, в 18:35

Источник

Теги:

angularjs

kendo-ui

listview

kendo-listview

1 ответ

Ещё вопросы

James · Answer 1 · 2015-11-25T17-39-00.000Z

Я исправил эту проблему, обновив источник данных listview каждый раз, когда был установлен флажок. Поэтому, когда я нажал один из флажков, я сделал следующий вызов.

        $("#selectedchart_listview").data("kendoListView").dataSource.data(vm.selectedView.charts);
        $("#selectedchart_listview").data("kendoListView").refresh();