Динамическое изменение источника компонента JqxComboBox
У меня есть такой компонент JqxComboBox
<template>
<JqxComboBox ref="core_combobox" auto-create:="<code>false</code>" :width="<code>100%</code>" :height="25" @bindingComplete="onBindingComplete($event)"
:name="this.tableName+'__'+this.columnName" @input="$emit('input', this.value)" :disabled="this.setDisable"
@change="onChange($event)" :source="source" :selectedIndex="this.selectedIndex" :displayMember="'label'" :valueMember="'value'" >
</JqxComboBox>
</template>
При изменении некоторого значения в наблюдателях я делаю следующее
watch: {
getComboBoxNewValues:{
handler: function(newValue, oldValue) {
if(newValue[this.columnName]){
console.log(newValue);
this.source = new jqx.dataAdapter(newValue[this.columnName], {
downloadComplete: function (data, status, xhr) {
console.log(data);
},
loadComplete: function (data) {
//this is for edit mode,
// if the setValue is availale then it is in edit mode and
// take the value and set it in to the combo box
console.log('c'+data);
},
loadError: function (xhr, status, error) {
console.log(error);
}
});
console.log('--------------------------->>>>>>>>>>>>>>');
console.log(this.$refs.core_combobox.source);
console.log('--------------------------->>>>>>>>>>>>>>');
}
},
deep: true
},
}
newValue[this.columnName] имеет следующее
{
datatype: 'json',
url: '/some/url/'
}
Но он не обновляет источник, я что-то упускаю?
Я просто хочу обновить источник новым набором данных, например, при изменении comboBox A данные comboBox B должны измениться соответствующим образом, это то, чего я пытаюсь достичь.