How to integrate sencha touch plus phone gap?

How to integrate sencha touch plus phone gap in android

• I have developed an application using sencha touch .This application containg 5 tabs which performs different operations . In that 5 tabs one tab functionality is it conatins some buttons like (Camera , Capture) now when user clicks on that camera button i need to capture a photo and i need to display that photo to the user.This functionality i have a acheived using phone gap.But i don't know how to integrate this code in sencha .

• Answer:

  Though it can be done using PhoneGap, it can also be done using Sencha Touch's Camera feature. PhoneGap Camera API var imageView = Ext.create('Ext.Img', { src:'', .... }); .... .... // PhoneGap Camera API to capture image .. navigator.camera.getPicture(onSuccess, onFail, { quality: 50 }); function onSuccess(imageData) { imageView.setSrc("data:image/jpeg;base64," + imageData); } function onFail(message) { alert('Failed because: ' + message); } Using Sencha Touch Camera feature var imageView = Ext.create('Ext.image',{ src:'', .... .... }); Ext.device.Camera.capture({ success: function(image) { imageView.setSrc(image); }, quality: 75, width: 200, height: 200, destination: 'data' });