【问题标题】:How to allow only one edit at time using Angular js inline editing如何使用Angular js内联编辑一次只允许一次编辑
【发布时间】:2017-03-30 10:29:57
【问题描述】:

您好,我正在使用 Angular js 并使用 demo jsfiddle 创建一个具有表格内联编辑功能的应用程序。

如果您看到您可以一次编辑多行,但我只想允许一次编辑一行。

如果任何一行已经处于编辑模式,我如何阻止用户编辑另一行?

【问题讨论】:

    标签: javascript angularjs scope inline-editing


    【解决方案1】:

    您可以保留一个 Scope 变量 isBeingEdited。在 editAppKey 中将其设置为 true,在 saveField 中将其设置为 false。在 editAppKey 中,仅当 isBeingEdited 为 false 时才执行操作

    【讨论】:

    • 不,如果您可以看到在我执行任何操作之前从按钮中直接设置了范围 editMode 的 false 和 true,它会自动将其设置为 true,我无法更改任何内容。
    • editMode 来自 parentScope ...通过分配 editmode="true" 我不确定您是否将值分配给父范围,也许您创建了一个新属性。所以在合适的范围内使用editmode可能会更好......
    • 我不明白你在说什么,你能帮我一个忙吗?您能否更新我的 jsfiddle 以便一次编辑?
    【解决方案2】:

    在 $scope.appkeys 中添加一个名为 CanEdit 的属性为 false,并在您尝试单击任何编辑按钮时使其为 true。其余所有 CanEdit 属性应为 false。根据 CanEdit 属性禁用按钮。您可以这个通过复选框 当你点击edit.Checkbox(CanEdit)时会为true。

    【讨论】:

    • 你能在 jsfiddle 中给我看一下吗,我认为它仍然行不通。
    • 请更新我的小提琴先生,让我看看我该怎么做!
    • plnkr.co/edit/OJXEANCPMOmPR7VJY4Us?p=preview 可以隐藏或禁用按钮。它取决于你
    • 哦,好的,谢谢,我会更新我的代码,希望它最终能正常工作。
    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 2015-01-11
    • 1970-01-01
    • 2013-10-22
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2020-11-25
    相关资源
    最近更新 更多