UI-Grid中的Angular UI-Select?

时间:2014-11-30 17:29:59

标签: angularjs angular-ui ui-select

我觉得我的头撞在了墙上。

任何人都有一个在ui-grid中使用ui-select的例子? (3.0)

我最难在ui-grid内部使用ui-select作为cellTemplate,即:

{ 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-grid中有一个ui-select的例子吗?

谢谢!

2 个答案:

答案 0 :(得分:6)

因此,经过几个小时的战斗,我发现了问题!

ui-grid-cell CSS类有溢出:隐藏。这意味着我的ui-select隐藏了下面的单元格。

有趣,有趣。现在要覆盖那个小PITA!

答案 1 :(得分:5)

特技是

append-to-body="true"

但是不要从我这里拿走它,从这个主题的最佳权威中取出它。 这是它的完成方式。

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