Добрый день, нужно сделать селектор который при открытии кидает ajax и получает данные, проблема в том что при открытии он закрывается ( обновляется ). Может кто нибудь сталкивался с такой проблемой и как то решил ее?
Использую Select2 react, вот так :
import React, {Component} from 'react'
import Select2 from 'react-select2-wrapper'
import 'react-select2-wrapper/css/select2.css'
export default class Filter extends Component {
constructor(props) {
super(props);
this.state = {
primer : []
}
this.ajaxFilter = this.ajaxFilter.bind(this)
}
ajaxFilter(){
var self = this;
$.ajax({
dataType : 'json',
url : '/address/filter',
success : function (data) {
var result = [];
_.each(data.prim, function(prim, index){
result[index] = [];
result[index]['id'] = prim['id'];
result[index]['text'] = prim['text'];
});
self.setState({
primer : result
});
$('body').faLoading(false);
}
});
}
render() {
return (
<Select2
key = {1}
data = { this.state.primer }
options={{
placeholder : 'primer',
closeOnSelect : false
}}
onOpen={this.ajaxFilter}
/>
)
}
}