1

我正在一个项目中工作，我必须在 ng-grid 单元格中显示一个预先输入的内容。但是，预输入在 ng 网格单元中不起作用。我放了一个Plunker。

看到预输入在网格上方的同一页面中工作。但它在 ng 网格单元格中不起作用。你能帮忙吗？

提前致谢。

4

2 回答 2

2

花了很多时间跟踪你的 plunker 中的所有问题，其中有很多：

  • 您缺少有关网格单元格中使用ng-model的元素的指令，input控制台中有很多错误
  • typeaheadwindow 作为一个元素附加在输入元素之后，因此这意味着您需要将其包装在父 DOM 元素中，例如：<div>

上述 2 项更改使预输入工作。好吧 - 部分。生成了正确的 DOM 结构等，但由于 CSS 冲突而没有显示任何内容。似乎预先输入的弹出窗口和网格中的单元格都是绝对定位的。这对于网格来说有点令人惊讶，但还可以。但是，真正的问题是.ngCell该类具有该overflow: hidden;属性，并且它使预先输入的弹出窗口不可见。

如果您将其overflow: hidden;从其中删除，.ngCell则一切都开始“工作”：

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

我想我们正面临 Bootstrap 的 CSS 和 ng-grid CSS 的冲突。我们无法在此项目中更改 Bootstrap 的 CSS，因此您必须决定将这个问题引起 ngGrid 人员的注意，或者修改其中一个 CSS 定义。

于 2013-05-17T19:29:22.560 回答
1

有关如何使工作 ng-grid + typeahead 内联编辑的更多信息：

http://lemoncode.net/2014/01/28/ng-grid-inline-editing-using-bootstrap-typeahead/

麻烦：

http://plnkr.co/edit/8udsvZSokG5v37xicyuz?p=info

于 2014-05-11T11:32:42.213 回答