2013-05-17 63 views
1

我正在一個項目中工作,在那裏我必須在ng-grid單元格中顯示一個提前。但是,鍵入單元格不適用於網格單元格。我已經把Plunkerbootstrap-typeahead在ng-grid中不工作

看到typeahead在網格上方的同一頁面上工作。但它在ng網格單元格中不起作用。你能幫忙嗎?

在此先感謝。

+0

你似乎已經打開作爲引導的回購作爲問題好吧,我在這個問題上發表了評論:https://github.com/angular-ui/bootstrap/issues/444 –

回答

2

花了相當長的一段時間跟蹤所有的問題在你的plunker,有相當數量的人:在

  • 你缺少對電網的電池中使用的input元素ng-model指令,有很多錯誤控制檯
  • typeahead窗口被附加作爲輸入元件之後的元素,從而就意味着你需要有它包裹在父DOM元素,例:<div>

上面的2個變更使打​​字工作成爲可能。好 - 部分。生成正確的DOM結構等,但由於CSS衝突沒有顯示。看起來好像彈出式彈出窗口和網格中的單元格都是絕對定位的。這對網格來說有點令人驚訝,但是確定。但真正的問題是,.ngCell類具有overflow: hidden;屬性,並且它使隱藏式彈出窗口變得不可見。

如果除去從.ngCelloverflow: hidden;這一切開始「工作」:

http://plnkr.co/edit/pzLb3079yuhDtW1XIxvq?p=preview

我想我們正面臨着自舉的CSS和NG-電網CSS的衝突。我們不能在此項目中更改Bootstrap的CSS,因此您必須決定是否將此問題引起ngGrid人員的注意或者破解其中一個CSS定義。

+0

非常感謝@ pkozlowski.opensource。這可能是關於ng-grid和bootstrap-typeahead的全新要求。其實我是AngularJs的新手。所以,犯了錯誤。再次感謝您的時間。 –