问题标签 [x-editable]

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

javascript - x-editable typeahead on submit input text 在发布请求之前被清除

您好,我的代码设置中有一个链接,如下所示:

这是初始化它的javascript:

我点击链接,弹出窗口显示,然后按下提交,在释放按钮之前,文本字段内的值被清除,因此我的服务器响应错误,因为该值从未被发送。

经过一番调查,我注意到只有当我设置 data-type="typeaheadjs" 时才会发生这种情况,所以它可能与 typeahead.js 和初始值为 null 或什么有关?

PS:页面中目前只加载了这一段js,其余为jquery 1.10、bootrstap 3、bootstrap-editable.js、typeahead.js、typeaheadjs.js(除了原来的typeahead.js)

0 投票
1 回答
3127 浏览

javascript - 从 X-editable 中删除行并确认(AngularJS)

我在删除按钮上添加了一个确认,我注意到该行没有被删除,并且代码工作正常。

HTML

JavaScript

这是示例

请帮忙。

0 投票
1 回答
1720 浏览

x-editable - Change the button text on edit click and save on update

Here is the code script:

I want that when "Edit" button is clicked then show text box in edit mode and change the button text from "Edit" to "Update", and i want that when i click on "Update" then data in text box should be submitted.

Thanks.

0 投票
1 回答
8290 浏览

css - 使用 angularJS 使 xeditable 内的 textarea 的宽度为 100%

在这个示例中,当用户想要编辑行或添加新行时,您可以看到 text-area(描述列)的宽度不跟随td的宽度,所以我添加了一些 CSS,但没有更改. 那么如何使用 CSS使宽度达到td的 100% 呢?

这是代码:

这是示例

0 投票
2 回答
1189 浏览

ruby-on-rails - x-editable-rails: show icon instead of text link

I'm using the x-editable-rails gem with bootstrap to display an inline-editable field for my model. This particular field is a boolean field called "active".

I have this in my rails view (slim) to display the model:

This works perfectly fine and generates entries with the name, and a true/false for the active field.

But "true/false" is a bit of an inelegant way to display a boolean field, so I would like to change this to glyphicon-ok / glyphicon-remove. I can get the icon to display by just specifying the class as follows:

However, this still leaves the "true/false" text. How do I prevent it from displaying that?

0 投票
1 回答
2261 浏览

angularjs - 必填字段验证

我希望当我单击更新按钮时,它应该将用户验证为必填字段,我添加了属性e-required但不起作用。

请看这个小提琴:http: //jsfiddle.net/NfPcH/669/

HTML:

Js控制器:

请帮我解决这个问题。

谢谢。

0 投票
1 回答
704 浏览

javascript - 在 x-editable 保存后重新渲染部分

我使用 x-editable 允许用户将自己关联到另一个模型。样式会根据用户关联的模型类型而改变。

现在,它可以工作,但是 css 类只有在我刷新页面后才会改变。

在 x-editable 保存新值后,我将如何重置 css 类?

这就是我的输入的样子->

我基本上需要重新申请

更新

我发现 x-editable-rails 实际上内置了这个。解决方案是编写 ->

但是,我仍然不知道如何在使用 ajax 保存后更改元素。

例如,我想做的是,在保存事件之后,重新渲染部分“进度”。

我该怎么做呢?

0 投票
2 回答
12750 浏览

javascript - X 可编辑的点击切换。如何禁用原生元素点击?

问题是无法禁用触发 x-editable 转换为 textarea 的本机“点击”事件。我希望只有 Button 可以将文本转换为 textarea,因此文本上的文本是不可点击的。

我发现了如何在其他元素单击时触发 x-editable 的问题。但是如何禁用原生文本点击并只留下其他元素的事件?

摆弄问题在这里:

这部分效果很好:

但是当试图禁用原生文本点击时,它不会工作,或者我在这里做错了什么?

这是我的问题的示例:http: //jsfiddle.net/jjdJX/64/

那么如何在 textarea 上禁用本机“点击”事件,并仅在“编辑文本”按钮上保留触发器?

0 投票
1 回答
775 浏览

meteor - 保存事件后如何重置 X 可编辑字段

这是https://stackoverflow.com/a/15121394/2247553中此答案的后续问题,由于 StackOverflow 的奖励系统,我无法对此发表评论。

我的问题是,在使用 Meteor 请求集合更新后,如果服务器拒绝更新,我如何将可编辑重置回其原始状态?

0 投票
2 回答
6971 浏览

javascript - 自定义 X-editable (AngularJS) 的取消代码按钮

当用户添加新行并单击取消按钮(不放置任何数据)时,是否有可能,该行将被删除。否则我怎么能改变取消按钮代码,因为这个使用angularJS的默认xeditable代码。(或者如果行为空,我怎么能调用删除函数?)

这是示例

取消按钮的HTML :