How to detect the internet connection in Sencha Touch 2

Today we are going to see how to detect the mobile device is connected to internet or not in Sencha Touch 2. We are going to use Ext.device.Connection class that contains isOnline() method, which is used to check if the current device is currently online or not.  This method will return true, if you are currently online otherwise return false.


Let's see the implementation

if (Ext.device.Connection.isOnline()) {

    Ext.Msg.alert("I am online");
} else {

    Ext.Msg.alert("I am offline");
}

Here is the output, when i run the above code in google chrome with internet connection

Here is the output, when i run the above code in google chrome without internet connection

Important Note:

You need to add the Ext.device.Connection class as the requires in the Ext.Application class, otherwise you will get connection is undefined error.

Hope, you enjoyed this Post.