Sencha Touch App Example-oreilly app Analytics

FROM:2013/8/30 's Notes

• Reading the App.json configuration file using Development.js

• App.json Configuration of App.js file

• App.js lauch function, first with util. Proxy.js read feed.js data, (saved in local variable?). How does it come out? ) Viewport.add Main

• Initial interface: View. Card.js Extend:navigationview ()

• Categories of items Session---in detail.js

• Detail Extend Container

• Xtype: ' Component '

Contorller:

Config

Control:

itemtap: ' Onspeakertap ':

Onspeakertap:function (list, IDX, El, record) {

This.speakerInfo.config.title = Record.getfullname ();//This getfullname () is defined in Model/speaker.js

This.getsessioncontainer (). push (This.speakerinfo);

}

Config: {

Refs: {

Speakercontainer: ' Speakercontainer ',

Speakers: ' Speakercontainer speakers ',//

Speaker: ' Speakercontainer speaker ',

Speakerinfo: ' Speakercontainer speakerinfo ',

Sessions: ' Speakercontainer speaker list '

},

Control: {

Speakers: {

Itemtap: ' Onspeakertap ',

Activate: ' Onspeakersactivate '

},

Sessions: {

Itemtap: ' Onsessiontap '

}

}

},

Ext.app.Controller

Refs:object4

A collection of named Componentquery selectors that makes it easy-get references to key components on your page. Example usage:

Refs: {
Main: ' #mainTabPanel ',
Loginbutton: ' #loginWindow button[action=login] ',

Infopanel: {
Selector: ' Infopanel ',
Xtype: ' Infopanel ',
Autocreate:true
}
}

The first and the simple Componentquery selectors, the third (Infopanel) also passes in the Autocreate and xtype options, Which would first run the componentquery to see if a Component matching that selector exists on the page. If not, it'll automatically create one using the Xtype provided:

Somecontrollerfunction:function () {
If the Info panel didn ' t exist before, calling its getter would instantiate
It automatically and return the new instance
This.getinfopanel (). Show ();
}

Defaults to: {}

Ext.componentquery

Provides searching of components within ext.componentmanager (globally) or a specific ext.container on the document with a Similar syntax to a CSS selector.

Components can is retrieved by using their xtype with an optional '. ' Prefix

• Component or. Component

• Gridpanel or. Gridpanel

An itemId or ID must is prefixed with a #

• #myContainer

Attributes must is wrapped in brackets

• Component[autoscroll]

• Panel[title= "Test"]

Member expressions from candidate are tested. If the expression returns a Truthy value, the candidate Component'll be is included in the query:

var disabledfields = Myformpanel.query ("{isdisabled ()}");

Ext.navigation.View

The effect of sliding left and right, Push/back

Touchstyle: Infinite Carousel

' Ext.carousel.Infinite '

Ext.define (' TouchStyle.view.ProductsList ', {

Extend: ' Ext.carousel.Infinite ',

Xtype: ' Productslist ',

Requires: [' TouchStyle.view.Products '],

Config: {

Direction: ' Horizontal ',

Inneritemconfig: {

Xclass: ' TouchStyle.view.Products '

},

Count: ' Auto ',

OFFSETLIMIT:50,

Store:null,

Animation: {

duration:650

},

Listeners: {

Activeitemchange: ' Onactiveitemchange ',

Itemindexchange: ' Onitemindexchange '

}

},

Sencha Touch App Example-oreilly app Analytics