PDA

View Full Version : Educational Examples and a little bit of help please.



ChrisYoung_RGU
6 Jan 2011, 5:44 AM
Good Afternoon everyone,

Until recently I have been using the JQtouch framework, to create a small web app including textual, audio and visual information for our MSc IT Management students. However stepping upto Sencha has proved to be slightly more challenging and problematic. Whilst I have grasped the theory and code in creating a UI, I am still scratching my head in regards to how to actually get any type of content into the actual panels that I have created.

Ideally I would like to feed in the content from either an external html file or the index.html file into each panel, using an external stylesheet instead of writing this into the application js file.

Can anyone shed some light on this with either an example or some code to help me on my way ??

Also, I wondered if any other developers or educational establishments out there had used Sencha Touch? If so do you have any examples and in what capacity are you using it. I am keen to use the framework as it's flexibility to create once and deploy over many devices fits the remit and direction in which I hope to introduce here at the School of Computing at RGU.

Many Thanks

Chris.

ChrisYoung_RGU
10 Jan 2011, 2:25 AM
Lots of views but no educators out there ?? Rather surprising considering the current interest in making learning material more portable.

Rather disappointing.

SimonFlack
10 Jan 2011, 2:41 AM
Hey Chris.

I would suggest starting by looking at the examples:

http://www.sencha.com/products/touch/demos.php

As far as general content goes the basic idea is to fetch model data from a webservice using Ajax and JSON and then binding this data to Lists, Grids etc etc. You can also use the "html" property of containers like "panel" to add standard html content.


var panel = new Ext.Panel({
fullscreen: true,

dockedItems: [
{
dock : 'top',
xtype: 'toolbar',
title: 'Standard Titlebar'
},
{
dock : 'top',
xtype: 'toolbar',
ui : 'light',
items: [
{
text: 'Test Button'
}
]
}
],

html: 'Testing'
});

http://dev.sencha.com/deploy/touch/docs/


Ideally I would like to feed in the content from either an external html file or the index.html file into each panel, using an external stylesheet instead of writing this into the application js file.

This sounds strange to me. Sencha Touch is a framework for writing mobile web applications in JavaScript. Maybe this is not the framework for what your looking to do.


Also, I wondered if any other developers or educational establishments out there had used Sencha Touch? If so do you have any examples and in what capacity are you using it. I am keen to use the framework as it's flexibility to create once and deploy over many devices fits the remit and direction in which I hope to introduce here at the School of Computing at RGU.

There are plenty of people using this framework already. We have just shipped our first commercial mobile app that is built entirely on Sencha Touch.

Hope this helps.

frankabegnale
28 Jan 2011, 9:45 AM
Thanks for the heads up SimonFlack[/URL], I believe most developers are focus in other task, I would like also to try and develop a mobile web applications for our [URL="http://www.teen-boarding-school.com/"]school (http://www.sencha.com/forum/member.php?160721-SimonFlack) and hoping I will be able to help the community also.

Cheers.

SimonFlack
1 Feb 2011, 2:09 AM
Ideally I would like to feed in the content from either an external html file or the index.html file into each panel, using an external stylesheet instead of writing this into the application js file.

I actually had to do this recently on my webpage (www.whitefox.no) that uses Ext.core. I used a standard Ext.Ajax request to get a ".html" file and then used obj.innerHTML = response.responseText.

Works fine. Pretty sure you could do the same thing in a touch app.