Question

我正在尝试在显示之前更改x-editable源数据，以便即使源更改，我的下拉菜单条目也始终保持新鲜。

// my source that can change over time
var source = [{'value': 1, 'text': 'fine'}, {'value': 2, 'text': 'bad'}];

$('#my_select').editable({
    'mode'  : 'inline',
    'source': source,
});

$('#my_select').on('shown', function(ev, editable) {
    // now changing my source just before dropdown is shown
    source = [{'value': 1, 'text': 'GOOD'}, {'value': 2, 'text': 'FU'}];

    //$(editable).editable('option', 'source', source); NOT WORKING
    //$('#my_select').editable('option', 'source', source); NOT WORKING
    //$(this).editable('option', 'source', source); NOT WORKING
});

任何想法？

Answer 1

我在文档中没有看到它，但您可以将函数传递给source参数，如下所示：

var source = [{'value': 1, 'text': 'fine'}, {'value': 2, 'text': 'bad'}];

$('#my_select').editable({
    'mode'  : 'inline',
    'source': function() {
        return source;
    },
});

这样它总是使用更新的源数组。我更新了你的小提琴： http://jsfiddle.net/XN7np/4/

Answer 2

此行有效：

$('#my_select').editable('option', 'source', source);

你必须使用双引号来表示＆＃34;值＆＃34;和＆＃34;文字＆＃34;而不是单引号＆＃39;值＆＃39;＆＃39; text＆＃39;对于任何可编辑的源，例如source2：

 var source2 = [{"value": 1, "text": "fine111"}, {"value": 2, "text": "bad22"}];


 $('#change').click(function(e) {
    $('#my_select').editable('option', 'source', source2)
 });

将上面的代码复制到你的小提琴示例中，看看它是如何工作的。

Answer 3

.catch<any[]>(this.handleError.bind(this));

在显示的事件下拉列表（<select>）源刷新</select>上进行x-editable

3 个答案: