Question

每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中。什么是＆＃34;适当的＆＃34;这样做的方式？

Answer 1

来自他们的文档

可以通过javascript $（）。editable（{...}）或通过data- * html属性定义选项。

您可以将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>

将x-editable源放在html而不是JavaScript中

1 个答案: