根据 https://vitalets.github.io/x-editable/docs.html ,选择菜单配置如下:
<a href="#" id="status" data-type="select" data-pk="1" data-url="/post" data-title="Select status"></a>
<script>
$(function(){
$('#status').editable({
value: 2,
source: [
{value: 1, text: 'Active'},
{value: 2, text: 'Blocked'},
{value: 3, text: 'Deleted'}
]
});
});
</script>
我希望将源存储在页面的 HTML 而不是 JavaScript 中。这样做的“正确”方法是什么?
最佳答案
来自他们的文档
Options can be defined via javascript $().editable({...}) or via data-* html attributes.
你可以传递给它们 JSON 编码为 data-attributes
<a href="#" id="status" data-type="select" data-pk="1" data-url="/post"
data-title="Select status" data-value="2"
data-source='[{value: 1, text: "text1"}, {value 2, text: "text2"}, ...]'> </a>
关于javascript - 将 x-editable 源放在 html 而不是 JavaScript 中,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/36915718/