jEditable и выбранный вместе

Я использую плагины jQuery jEditable & Chosen для создания встроенного редактирования со следующим скриптом:

$('.inline_edit_menu').editable('ajax.php', { // http://polyetilen.lt/en/jquery-jeditable-and-chosen-hybrid
    data: "{'5':'Complete - No further action','4':'Unsatisfied - additional steps required','3':'Unsatisfactory - Re-Evaluate','2':'Test','1':'Pending','0':'Not Applicable'}",    
    indicator: 'Saving...',
    tooltip: 'Click to edit...',
    style: "inherit",
    onblur: "ignore",
    type   : 'select',
    submit : 'OK',
    submitdata: function (value, settings) {
        //do stuff
    }
}).on('click', function(){
            $(this).find('select').chosen();
}).on('click', function(){
    $('select').trigger('chosen:open');  
});

Это работает фантастически, как видно из этой скрипты, с одной оговоркой: при выборе пункта меню он не отправляет его. Я хочу, чтобы событие щелчка отправляло выбранное значение без необходимости нажимать «ОК». -https://jsfiddle.net/t24ph41t/2/

Это можно легко решить, изменив свойство onblur jEditable на select. Однако проблема с текущим скриптом заключается в том, что событие начального щелчка автоматически открывает и закрывает меню «Выбор», как показано в этой скрипке: -https://jsfiddle.net/t24ph41t/3/

Я ищу комбинацию обоих: как я могу выбрать встроенный элемент с помощью выбранного плагина, отредактировать его и при выборе отправить значение, как если бы это был просто элемент jEditable?


javascript jquery jquery-chosen jeditable
person thebarless    schedule 12.01.2016    source источник

Ответы (1)


arrow_upward
0
arrow_downward

Я смог получить эту функциональность, добавив следующий скрипт:

$(document).on('change', '.inline_edit_menu select', function () {
    $(this).trigger("submit");
});
person thebarless    schedule 16.01.2016