2014-11-30 3 views
4

나는 벽에 머리를 때리는 것처럼 느껴진다.각도 UI - UI 그리드에서 선택 하시겠습니까?

누구나 ui-grid 내부에서 ui-select를 사용하는 예가 있습니까? (3.0)

내가 즉, cellTemplate으로, UI 그리드의 UI - 선택 내부를 이용하는 가장 힘든 시간을 보내고 있습니다 :

거기에 어떤 기회 누군가의 예를 가지고
{ 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를-선택 - 그리드?

감사합니다.

답변

5

그래서이 시간을두고 몇 시간이 지나면 문제를 발견했습니다!

ui-grid-cell CSS 클래스에 overflow : hidden이 있습니다. 내 ui-select가 하위 셀보다 숨어 있었다는 뜻입니다.

재미 있고 재미 있습니다. 이제 그 작은 PITA를 무시하십시오!

+0

는 ***. ngCell *** 오버라이드 (override)하는 정확한 CSS 클래스를 이잖아. 매력처럼 일했습니다. 감사합니다 – Yogi

0

일단 ui-select를 사용하면 선택한 값을 ui-grid에 바인드하고 여전히 키보드 탐색 가능 속성을 유지하는 '선택'을 흐리게 할 수 있습니까?

4

트릭은

append-to-body="true" 

입니다 그러나, 저에게서 그것을 가지고이 주제에 대한 최고의 권위에서 적용되지 않습니다. 다음은 완료 방법입니다.

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

+0

고마워, 저스틴. 내 ui 선택 드롭 다운 목록은 이온 목록의 다른 요소 뒤에있었습니다. 몸에 붙이면 속임수를 쓰고, – nfgf