【问题标题】:AG-Grid cell template value changeAG-Grid 单元格模板值更改
【发布时间】:2016-10-18 23:20:29
【问题描述】:

我在 Angular 1 模式下修改 ag-grid 并遇到了一个奇怪的问题。使用本教程,我重新创建了我在更复杂的代码中遇到的问题in this plunkr。您可以通过双击“运动员”列的值来查看它。

简单地说,如果您在应用了模板的可编辑列上进入编辑模式,则该值将变为空白。不管你设置什么,绑定似乎都被破坏了。

例如:

template: "<div ng-bind='data.athlete'></div>"

将返回类似:

<div>Michael Phelps</div>

但是当你双击它来编辑它时,它会永远返回类似的东西:

<div ng-bind='data.athlete'></div>

我怀疑 data.athlete 不受保存的约束,但我不确定如何更正。我真的不想为我计划绑定的每一列创建一个值更改处理程序。

如果使用字符串插值,也会发生同样的情况。

【问题讨论】:

    标签: angularjs ag-grid


    【解决方案1】:

    使用cellRenderer 代替cellTemplate。它更有用,你可以用它做更多的事情。这是您调整后的plnkr

    【讨论】:

    • 啊。这太好了-谢谢。您知道 ng-model 是否会以类似方式工作,因此我可以将其绑定回我的数据提供者而无需执行 valueChangeHandler?或者有没有更好的方法来保持角度模型与网格模型同步? rowData = provider.getData() 也许?
    • 我不太熟悉 angular 和 ag-grid 如何共享数据,抱歉
    • 万一有人回来:如果您指定rowData = someProvider.getData(),当您更改网格上的数据时,它将自动使您的数据模型保持最新。即使它们被抽象了几个层次。请注意,rowData 需要设置为函数。 rowData = someProvider.data 将不起作用。这适用于所有角度数据绑定,与 AG Grid 无关。
    • 嗨@oooya,我首先将我的rowData设置为null,当我的异步调用完成时,我像这样设置rowData:$scope.gridOptions.api.setRowData($scope.RolePerData);但是,我的 ng-model(绑定数据)的这种行为未按应有的方式显示。
    猜你喜欢
    • 2020-09-25
    • 1970-01-01
    • 2021-01-14
    • 2020-10-11
    • 2020-10-07
    • 2023-03-18
    • 2021-08-31
    • 2020-06-15
    • 1970-01-01
    相关资源
    最近更新 更多