Проблемы с начальной загрузкой Duallistbox и Ajax ⇐ Jquery

[Anonymous]

У меня есть следующее:
html: < /p>

Код: Выделить всё

Buscar Documentos











































































< /code>
js < /p>
$(document).on('turbolinks:load', function () {
if ($('body').attr('data-resource') == 'incomes') {
$(IncomeForm.setup);
}
});
var IncomeForm = {
bringDocuments: function(){
var pathArray = window.location.pathname.split('/')
var client = pathArray[2]
var company = pathArray[4]
var ruc =  $('.document-bring-ruc').val()
var document_date_since = $('#document-date-since').val()
var document_date_until = $('#document-date-until').val()
var due_date_since = $('.due-date-since').val()
var due_date_until = $('.due-date-until').val()
var payment_since = $('.payment-since').val()
var payment_until = $('.payment-until').val()
var bring_document_money = $('.bring-document-money').val()
var bring_document_type = $('.bring-document-type').val()

$.ajax({
type: "GET",
dataType: "json",
url: '/clients/'+ client +'/companies/'+ company + '/api/sell_invoices/income_required',
data: {
ruc: ruc,
document_date_since: document_date_since,
document_date_until: document_date_until,
due_date_since: due_date_since,
due_date_until: due_date_until,
payment_since: payment_since,
payment_until: payment_until,
bring_document_money: bring_document_money,
bring_document_type: bring_document_type
},
success: function(data) {
var nonSelected = $('#bootstrap-duallistbox-nonselected-list_documents\\[\\]')
var selectedSelect = $('#bootstrap-duallistbox-selected-list_documents\\[\\]')

var documentsSelect = $('.documents-selected')
nonSelected.empty()

if (data.sell_invoices) {
data.sell_invoices.forEach(function(item) {
var text = item.correlative + " - " + item.rut + " - "  + item.document_type + " - " + item.money
var option = '' + text + ''
nonSelected.append(option)
})

nonSelected.bootstrapDualListbox('refresh', true)
}

selectedSelect.bootstrapDualListbox('refresh', true)
}
})
},

setup: function () {
$('.dual_select').bootstrapDualListbox({
selectorMinimalHeight: 160
})

$('.payment-since, .payment-until, .bring-document-type').select2()

$('#bring-documents').on('click', function() {
IncomeForm.bringDocuments()
})

$('#document-date-since, #document-date-until, .due-date-since, ' +
'.due-date-until, .payment-since, .payment-until, ' +
'.bring-document-money, .bring-document-type, .document-bring-ruc').on('change input', function() {
if (!updatingOptions) {
IncomeForm.bringDocuments()
}
})
}
}

Как вы можете видеть, у меня есть форма, которая находится в модале, которая предназначена для выбора документов, которыми мы можем управлять, изменяя различные фильтры, проблема, которую я имею, составляет следующее, когда я выбираю какой -то элемент из Duallistbox , а затем внося какие -либо изменения в фильтры, оба, только что приподнимаются, только что нужно, только что нужно, только что нужно, я не выбирается. Как я показываю, Box1 никогда не заполняется, если я удалю это: selectedselect.bootstrapduallistbox ('rebresh', true)
это приносит мне информацию, но когда я выбираю ее, все исчезает, я не знаю, что может произойти или какое решение может быть, кто -нибудь знает?>

Подробнее здесь: https://stackoverflow.com/questions/787 ... x-and-ajax