This is a migrated thread and some comments may be shown as answers.

Touch Highlight Remains After Button Processed

5 Answers 256 Views

Button (Mobile)

This is a migrated thread and some comments may be shown as answers.

Kevin asked on 30 May 2013, 05:18 PM

Hi,

My Phonegap/Cordova app uses several remote views, many use a button to call a method to process user input and move on to a different remote view page. (i.e. <button class="btn-right" data-role="button" data-bind="click: chkInfoChangePage">Submit</button>) If I sooner or later programmatically navigate back to the page ( e.g. app.navigate("enteryourinfo.html");). the button that was originally touched to leave the page still shows the touch highlighting. I would like to reset that if I return to a page.

I tried setting data-reload="true" which does refresh the highlighting when it works, but I often get an error: "Uncaught TypeError: Cannot call method 'destroy' of undefined at file:///android_asset/www/js/kendo.mobile.min.js:13" Removing the data-reload="true" prevents the error.

I often use MVVM data binding to a simple JavaScript observable object, but it happens even to non-bound pages. Other than the persistent highlighting, I don't NEED to reload the page, but would like to have the option to do so.

Can someone point out what I am doing wrong; how do I untouch a button after I have processed the onclick event?

Thanks,
Kevin

5 Answers, 1 is accepted

Accepted