问题标签 [angular-xeditable]

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 回答
257 浏览

angularjs - 角度可编辑的 onsave 事件

我正在使用角度包 angular-xeditable 问题是我想在编辑标签后调用它的事件onaftersave这是我的html:

即使我单击编辑按钮并且在字段中输入时也会调用onaftersave事件

我想要的是仅在单击按钮时才调用事件

0 投票
0 回答
245 浏览

angularjs - 访问 Angular xeditable 中的所有表单

我很难弄清楚如何在可编辑表格表单中访问多个表单。我的表单名称是“rowform”,我想访问控制器中所有表单的输入。我尝试使用 $scope.rowform 访问,但它返回“未定义”。这是我的表格。提前致谢

0 投票
1 回答
113 浏览

javascript - angular xeditable 防止 onclick 在编辑模式下打开所有字段

我正在为表单中的一个字段使用 angularjs xeditable。
PLUNKER LINK
我使用谷歌地图 api 自动完成添加商店。我可以根据需要添加任意数量。城市和国家字段会相应更新,地址字段也是可编辑格式。

问题是:

当我有多个商店,并且我想编辑地址字段(可编辑)时,当我单击可编辑字段时,所有可编辑字段都会打开并进入编辑模式。
我怎样才能将其仅限制为单击的一个而不是其他单击?

0 投票
2 回答
598 浏览

javascript - 通过单击 ng-repeat 表单中的 angular xeditable 字段停止滚动到顶部

当我单击表单中由 填充的可编辑字段之一时ng-repeat,表单会滚动到顶部。

我在每个 ng-repeat 中只有一个可编辑字段。
如何阻止它滚动到顶部?
正如您所看到的,我正在按索引跟踪 ng-repeat,假设我点击了第三个fieldset由 ng-repeat 重复的 xeditable 字段,表单滚动到顶部到第一个字段集中的 xeditable。

更新:

这是笨蛋。 https://plnkr.co/edit/y8UHwTHTxtxvQYSWICoh?p=preview
如果添加更多商店,则可以看到这种奇怪的行为,然后单击最后一个商店中的 xeditable 字段,表单将滚动到顶部。

0 投票
0 回答
251 浏览

javascript - xeditable e-formclass 不适用于 textarea

我在 angular js 中使用xeditable插件。它具有e-formclass将类提供给表单的属性,并且可以正常工作,textbox但是当我使用它时textarea它不起作用。

文本区域

这是文本框的片段

文本框文本 区域

0 投票
1 回答
73 浏览

html - Angular-xeditable e-max 属性不适用于变量

我有以下标签:

prod.Cantidad 是一个整数,但我不知道为什么它不被接受为数字的最大值,有人可以指出我的错误吗?提前致谢。

0 投票
0 回答
353 浏览

javascript - Angular-xeditable with ui select inside Form element

我想在表单标签内编辑用户界面选择。但它在表单元素中不起作用。

这是我的代码

我想要它而不使用按钮。所以我添加了buttons="no". 当我运行它时,ui-select 打开,我可以从下拉列表中选择项目,但是在选择项目时,它不会变回查看模式。

已编辑

我添加了一个jsfiddle链接。

0 投票
1 回答
155 浏览

javascript - Angular Xeditable - 无法使用 onbeforesave 事件获得正确的验证值

我正在尝试将验证逻辑添加到我们使用的消息格式值的编辑中。我在这里创建了 plunker来显示这个问题。这是花括号验证的代码。

示例:如果您编辑第一个值 ( {JobRole} for {Organisation}) 并删除尾随花括号 ( {JobRole} for {Organisation)

从不显示,alert("Incorrect Message format");因为它获得了原始值 -{JobRole} for {Organisation}而不是{JobRole} for {Organisation

如果我将验证逻辑移动到onaftersave事件中,我会得到正确的值并触发验证,但它会显示/保存不正确的值,这是我想要的。那么我该如何解决呢?任何帮助表示赞赏。

  • 不确定我是否可以使用 defer,承诺解决这个问题 - 但不确定是否可以使用 Angular Xeditable?
0 投票
1 回答
1138 浏览

angularjs - 如何在AngularJS中强制(必需)可编辑的选择输入

我有一个使用 Angular Bootstrap 的 AngularJS 项目,并且我将Angular-xeditable库用于表中的一些就地编辑字段。

我的输入之一是“选择”输入,即允许用户选择一个选项的下拉列表。(可编辑 - 在 xeditable 中选择)。我试图在保存表单时强制输入此输入,但我找不到执行此操作的方法。与所有 x-editable 控件类似,我希望我可以简单地在标准 angular 指令中添加一个 e- 前缀,以将该指令应用于 xeditable 控件,也就是说,我应该能够添加 e-ng-required=" true" 到我的控制,使其成为强制性的。然而这不起作用。添加它时我没有收到任何错误,但它不会“做”任何事情。我仍然可以在不选择项目的情况下保存我的表单。

以下是我正在尝试做的代码示例:

即使我在元素上设置了 e-ng-required="true",它什么也没做。如何使用 xeditable 强制选择项目?我已经搜索了示例,但找不到任何有用的东西。

0 投票
0 回答
85 浏览

angularjs - Angular-xeditable 禁用将特定元素呈现为可编辑模式

下面是我试图实现我的用例的链接中的示例代码。在此表中,我将多一列作为第一列,它是一个复选框。选择“编辑”按钮时,只有表格中选定的复选框行应显示可编辑模式,其他行应显示为静态文本。有没有可能实现。任何人都可以帮助我满足我的要求。