Tengo problemas al querer utilizar un componente en una pagina distinta a la del main.
El script de mi aplicación es el siguiente.
//Dom7
var $$ = Dom7;
//Theme
var theme = ‘auto’;
//Parametros Principales
var app = new Framework7({
id: 'com.myapp.test' ,
root: '#app',
theme: theme,
methods: {
helloWorld: function () {
app.dialog.alert('Hello World!');
}
},
routes: routes,
popup: {
closeOnEscape: true,
},
sheet: {
closeOnEscape: true,
},
popover: {
closeOnEscape: true,
},
actions: {
closeOnEscape: true,
},
vi: {
placementId: 'pltd4o7ibb9rc653x14',
}
});
//Vista principal
var mainView = app.views.create(’.view-main’);
var autocompleteAg = app.autocomplete.create({
inputEl: '#autocompleteAg',
openIn: 'dropdown',
preloader: true, //Habilita el preloader
valueProperty: 'Agencia',
textProperty: 'Agencia',
limit: 5,
dropdownPlaceholderText: 'Intenta ingresando una Agencia',
source: function (query, render) {
var autocomplete = this;
var results = [];
if (query.length === 0) {
render(results);
return;
}
autocomplete.preloaderShow();
app.request({
url: 'http://10.40.0.30:4000/buscaAgencia/agencia=' + query,
method: 'GET',
dataType: 'json',
data: {
query: query
},
success: function (data) {
for (var i = 0; i < data.length; i++) {
if (data[i].Agencia.toLowerCase().indexOf(query.toLowerCase()) >= 0) results.push(data[i]);
}
autocomplete.preloaderHide();
render(results);
}
})
}
});
El problema no esta en el autocompletable, ya que si lo ubico en mi vista principal, el autocompletable funciona correctamente pero, al momento de quererlo cargar en una pagina distinta no hace lo que debería.