Auto Complete Issue

[ajaymestry]

Sir I am facing issue in autocomplete element.
when I use it for 1st time it works fine.
But when I navigate to some other pages and come back again to that page, It doesn't work.

[ashvin777]

Try myApp.init() on your autocomplete controller page. Make sure that instead of myApp you should use your framework7 app object name.

[ajaymestry]

Dear Sir,
I have tried your solution, but it doesn't work.

I have applied logic of "1 page, 1 Controller"
Where should I apply this myApp.init() ?

[ashvin777]

You try to out this line inside the controller. If it doesnt work and put that init method inside a timeout of 2-4 seconds and then check.

…

On 9 Feb 2017 1:55 p.m., "ajaymestry" ***@***.***> wrote: Dear Sir, I have tried your solution, but it doesn't work. I have applied logic of "1 page, 1 Controller" Where should I apply this myApp.init() ? — You are receiving this because you commented. Reply to this email directly, view it on GitHub <#10 (comment)>, or mute the thread <https://github.com/notifications/unsubscribe-auth/AHxBMk8OXEznz-npnVazsvPl2M6y75KGks5ras17gaJpZM4L6ndn> .

[ajaymestry]

Sir.
It Didnt worked again.
Here is rough example of my code

`
angular.run(function(){
myApp = new framework7({
init:false,
pushState:true,
//.... other configs.......
});
})
.controller("myCtrl",function($scope){
myApp.init();

var autocompleteDropdownAjax = myApp.autocomplete({
input: '#autocomplete-dropdown-ajax',
openIn: 'dropdown',
preloader: true, //enable preloader
valueProperty: 'id', //object's "value" property name
textProperty: 'name', //object's "text" property name
limit: 20, //limit to 20 results
dropdownPlaceholderText: 'Try "JavaScript"',
expandInput: true, // expand input
source: function (autocomplete, query, render) {
var results = [];
if (query.length === 0) {
render(results);
return;
}
// Show Preloader
autocomplete.showPreloader();
// My Xml HttpRequest Here
// It Returns List of My Data

  var responseData = angular.toJson(this.responseText)
     // Find matched items
            for (var i = 0; i < responseData.length; i++) {
                if (responseData[i].name.toLowerCase().indexOf(query.toLowerCase()) >= 0) results.push(responseData[i]);
            }
            // Hide Preoloader
            autocomplete.hidePreloader();
            // Render items by passing array with result items
            render(results);     
}

});

`
My Html

<input type="text" ng-model="inputText" id="autocomplete-dropdown-ajax" />

same issue. It works for 1st time only. When i navigate and return back to same page then it doesnt render the results in the autocomplete text box

[ashvin777]

Check this http://ashvin777.github.io/framework7.angular/kitchen-sink-material/#!/autocomplete.html

[ajaymestry]

I have refered the same document which you have provided.

is my code perfect?
I set false to auto initialization
and then I called it manually.

[ashvin777]

myApp = new Framework7({ modalTitle: 'Framework7', material: true, pushState: true, angular: true });

Initialize the app like this.

[ashvin777]

Hi @ajaymestry ,

Is it possible for you to create a sample so that I can have a look and debug the issue.

You can try jsfiddle or jsbin for making code samples.

Regards,
Ashvin