问题标签 [edit-in-place]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
1 回答
1295 浏览

angularjs - 角材料复选框标签的就地编辑

以下代码给了我一个带有标签的复选框:

实际状态:我可以通过单击框本身或单击标签来(取消)选中该框。光标是整个 box-label-line 上的指针。

期望状态:我只能通过单击框本身来(取消)选中该框。悬停标签时,光标应变为文本光标,单击它应提供就地编辑。

我怎样才能做到这一点?

0 投票
0 回答
505 浏览

angularjs - Angularjs X-editable中图像的内联编辑

我的个人资料页面中有很多字段。我正在使用 Angularjs X-editable 使我的个人资料页面可内联编辑。我正在使用指南http://vitalets.github.io/angular-xeditable/取得进展

有了这个,我使除图像字段之外的所有字段都可编辑。我有一张图片,即个人资料图片,我希望它可以编辑[点击图片附近的编辑图标,图片应该变成图片上传小部件,上传图片后,它应该再次变回显示新图片]。

X-editable 是否具有就地编辑图像字段的功能?或者还有其他选择吗?

0 投票
3 回答
53 浏览

javascript - 使用 angularjs 避免大量隐藏元素进行就地编辑

我有一个相当大的待办事项列表,我想为其添加就地编辑:

单击第二个待办事项后,可以编辑第二个待办事项的文本,但您也可以在待办事项上设置一些属性:

现在我可以做类似的事情:

这应该可以工作(忽略取消按钮的工作方式),但是如果我有一个大的待办事项列表(100 多个项目),它将创建大量可能从未使用但仍绑定到变量的隐藏元素。

有一个更好的方法吗?我查看了angular-xeditable,它似乎可以动态添加元素,但它仅适用于简单的输入元素。

还是有大量隐藏元素不是角度问题?

0 投票
8 回答
64555 浏览

bash - jq 直接替换文件上的文本(如 sed -i)

我有一个需要在特定条件下更新的 json 文件。

示例 json

我正在编写一个脚本,它利用 Jq 来匹配一个值并更新,如下所示

输出(打印到终端)

虽然此命令进行了所需的更改,但它会在终端上输出整个 json,并且不会对文件本身进行更改。

请告知是否可以选择让 jq 直接对文件进行更改(类似于 sed -i)。

0 投票
1 回答
344 浏览

javascript - 添加 div javascript,然后就地编辑 jquery

使用 JavaScript 使用 Add/remove HTML inside div 中的代码使其适合我的需求,但无法使用我找到的任何就地编辑脚本进行任何添加<div>或编辑。<span>

如您所见,最后一个可编辑字段工作正常,但添加“+”的任何新字段都不起作用。

任何帮助将不胜感激。

0 投票
0 回答
550 浏览

javascript - 无法使用 AJAX 使用 X-editable 更新值

我正在使用x-editable插件的引导版本来更新url表中存在的值。当用户更改select框的值时,将触发 ajax 调用以检索url商店的对应值。虽然我每次在更新 url 值之前都取消绑定 x-editable 事件,但有些事情是不对的。url 只更新一次,然后对于其余的选择更改事件保持不变。

当我更改我的选择值时会发生以下情况

  • 当我第一次更改选择值时,url 是空的并且没有得到更新。

  • 但是当我第二次更改选择值时,url 被更改。

  • 并且对于在此之后的所有选择值更改,第二个 url 根本不会更新。

演示:JSFiddle

0 投票
1 回答
3837 浏览

json - 使用 JQ Select 后 JQ 编辑文件到位

在 sed 中使用 JQ 就地编辑 json 文件-i我发现了很多解决方案,例如

jq ... input.json > tmp.json && mv tmp.json input.json

这可行,但我需要过滤我的文件,添加一些数据,然后将其放回原始文件中。(即更新文件中的特定对象)

我的文件包含 1000 多个具有不同Element. 我将始终使用过滤器Element,我缩短了问题。我有一个示例文件original.json...

我想过滤以objectNamecontacts一些数据添加到空 IBM 字段并保存到文件中

应用相同的逻辑将 IBM 字段就地编辑到"Y"包含的对象上"objectName": "contacts"

jq 'select(.objectName == "contacts") | .IBM = "Y"' original.json > tmpjson.json && mv tmpjson.json original.json

现在我的文件original.json显示

预期结果

似乎在使用 select 后我不能再使用提供的解决方案https://github.com/stedolan/jq/wiki/FAQ#general-questions

0 投票
1 回答
748 浏览

ruby-on-rails - 在rails中为文本框就地编辑

我有一个应用程序,其中有文本框,如何进行就地编辑我尝试了所有方法,我什么也没得到,我无法按照 GitHub 的指南进行设置

https://github.com/bootstrap-ruby/bootstrap-editable-rails

https://github.com/janv/rest_in_place

并且 best_in_place 不适用于更高的 rails 版本

这是我的文本字段,我想在其中应用就地编辑功能,但是如何在不使用我的保存按钮作为保存按钮调用 ajax 函数并将参数传递给控制器​​以及如何在我的文本中使用 in_place 编辑的情况下实现该功能框。因为我的文本也可以显示文本。当用户在文本框中输入文本时,它应该变成非文本框,当他/她点击它时,它变成可编辑的

如何在我的文本框中应用就地编辑,它还通过以下方式将参数作为数组发送到控制器name="<%= 'commit['+ question.id+']' %>"

谁能告诉我该怎么做,因为我无法按照 GitHub 的说明进行操作,因为它对我来说很模糊

0 投票
1 回答
140 浏览

ruby-on-rails - 引导数据滑块就地编辑并对数据库安全

我正在尝试在我的“关系”控制器的索引视图中设置一个表,其中包括一个可编辑的数据滑块,它直接将“首选项”值保护到我的数据库中。是否可以将 bootstrap dataslider 与“best_in_place”或表单方法结合使用,或者这是无稽之谈?(我是 ruby​​ on rails 的新手)有人有什么建议吗?谢谢你的帮助!

当前关系索引视图

我正在使用“引导滑轨”

0 投票
1 回答
38 浏览

python - list[:] 和 list: 如果我想更改列表,使用哪一个?

我想从第 k 个元素 IN PLACE 中反转一个列表,这是我的代码:

我知道这是正确的代码,而以下代码不正确。有谁知道为什么?

谢谢!