X-Editable - 如何执行“自定义输入，多个字段”

Posted 2023-05-08

【中文标题】X-Editable - 如何执行“自定义输入，多个字段”

【英文标题】：X-Editable - How to do "Custom input, several fields"

【发布时间】：2014-05-29 02:44:00

【问题描述】：

我正在玩 x-editable，我想知道他们如何在演示页面中执行最后一个示例。

http://vitalets.github.io/x-editable/demo-bs3.html?c=inline（自定义输入，多个字段）

我找不到任何可以实际向您显示每个部分的代码的东西。我只能用萤火虫来挖掘它，但这更耗时，我宁愿只看到我需要的部分。

有没有代码可以做到这一点？

【参考方案1】：

是的，@marcb 是对的！

所以在这里：https://github.com/vitalets/x-editable

或者准确地说：https://github.com/vitalets/x-editable/blob/master/src/inputs-ext/address/address.js

【讨论】：

懒人：<a href="#" id="address" data-type="address" data-pk="1">value here</a> $('#address').editable( url: '/post', title: 'Enter city, street and building #', value: city: "Moscow", street: "Lenina", building: "15" );

这令人失望。如示例中的标签所示，不支持任意一组自定义字段。实际上它支持与data-type="address" 字段类型对应的3 字段对象，类似于"combodate" 字段类型导致多个输入的方式。是的，您可以编写自己的扩展，类似于 address.js 中的扩展来处理 value: 对象中的不同或任意字段集，但这并不是真正的开箱即用解决方案。 :(

【参考方案2】：

此代码可以在 X-editable Bootstrap 3 下载中找到，位于“inputs-ext”下，然后是“address”文件夹。

【讨论】：

我不是 100% 明白，我必须用所有这些方法创建自己的“address.js”类吗？

基本上是的。我个人还没有创建一个新类，因为我不需要（还），但是它似乎有很好的记录。