gpt4 book ai didi

angularjs - 编辑时关闭 angularJS 中的重新排序

转载 作者:行者123 更新时间:2023-12-04 12:41:37 26 4
gpt4 key购买 nike

我有一个 AngularJS 应用程序,它在表格中列出了一堆项目。像这样:

<table class='unstyled tmain'>
<tr>
<td ng-click='setSort($event)'>X</td>
<td ng-click='setSort($event)'>Desc</td>
<td ng-click='setSort($event)'>created</td>
<td>&nbsp;</td>
</tr>
<tr ng-repeat="item in items | orderBy:itemNormalizationFunction:sortReverse">
<td><input type='checkbox' ng-model='item.done'
ng-click='onCheckedChanged(item)'/></td>
<td><div edit-in-place="item.text"
on-save="updateItemText(value,previousValue,item)"></div></td>
<td><span class='foo'>{{item.created | dateFormatter}}</span></td>
</tr>
</table>

表格标题可单击以设置排序顺序。每个数据行中第二列中的单元格是可“就地”编辑的 - 如果您单击文本,它将被输入文本框替换,并且用户可以编辑文本。我有一个小指令可以实现这一点。这一切都有效。

编辑时出现问题。假设我将它设置为按“描述”(第二列)排序。然后,如果我编辑描述(通过就地编辑指令),当我在输入框中输入时,排序顺序会发生变化。如果我更改前几个字符,则 angular 会重新排序并且该项目不再位于我的光标下。它甚至也不是重点。我必须在列表中搜索以找出它重新排序的位置,然后我才能重新集中注意力并继续打字。

这有点蹩脚。

我想要做的是告诉 angular (a) 在我键入输入框时停止重新排序,或 (b) 对单独的(未显示的)索引值进行排序,在编辑开始之前保留排序.但我不知道如何做到这两点。谁能给我一个提示?

我知道这有点复杂,所以我会尝试组合一个 plunkr 来展示发生了什么。

最佳答案

这是显示我如何解决问题的 plunkr。

http://embed.plnkr.co/eBbjOqNly2QFKkmz9EIh/preview

关于angularjs - 编辑时关闭 angularJS 中的重新排序,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/17580411/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com