Angular UI-Select в UI-Grid?

Я чувствую, что бьюсь головой о стену.

У кого-нибудь есть пример использования ui-select внутри ui-grid? (3,0)

Мне труднее всего использовать ui-select внутри ui-grid в качестве шаблона ячейки, то есть:

{ field: "Job.JobTitle", displayName: "Job Title", enableCellEdit: true, editableCellTemplate: '<ui-select ng-model="job.selected" theme="select2" style="width:100%;"><ui-select-match placeholder="Select a job...">{{$select.selected.JobTitle}}</ui-select-match><ui-select-choices repeat="job in jobs | filter: $select.search"><div ng-bind-html="job.JobTitle | highlight: $select.search"></div></ui-select-choices></ui-select>' }

Есть ли шанс, что у кого-нибудь есть пример ui-select внутри ui-grid?

Спасибо!


angularjs angular-ui ui-select
person John    schedule 30.11.2014    source источник

Ответы (2)


arrow_upward
6
arrow_downward

Итак, после нескольких часов борьбы с этим я нашел проблему!

CSS-класс ui-grid-cell имеет переполнение: скрыто. Это означает, что мой пользовательский интерфейс прятался ЗА нижними ячейками.

Что весело, что весело. Теперь переопределить эту маленькую PITA!

person John    schedule 01.12.2014
comment
.ngCell это именно тот класс CSS, который нужно переопределить. Работал как шарм. Спасибо - person Yogi; 09.12.2014

arrow_upward
5
arrow_downward

Трюк

append-to-body="true"

Но не берите это у меня, возьмите это у лучшего авторитета в этом вопросе. Вот как это делается.

http://brianhann.com/ui-grid-and-dropdowns/

person Justin    schedule 27.05.2015
comment
Спасибо, Джастин. Мой выпадающий список выбора пользовательского интерфейса находился за другими элементами списка Ionic. append-to-body сделал свое дело, - person nfgf; 13.06.2015