DOM from hidden componentsProject address:https://github.com/kostysh/ext.ux.plugin.domcleanable
Pinch-emulator-for-sencha-touchEmulation of Double touch Pinch event for desktopsProject Address:https://github.com/kostysh/pinch-emulator-for-sencha-touch
imagestiles-component-for-sencha-touch-2.0Component for displaying nested data as images tilesProject addr
Original address: http://www.cnblogs.com/dowinning/archive/2012/02/14/2350303.html
Objective:
It is always difficult to read English documents, and the non-native and professional speeches are easily discouraged and impetuous, which leads to inefficient learning.
Translation is a good way to translate the learning needs into the task of translation, forcing oneself not only to see, to understand, but also to carve, and then clear expression, the results of this study in translation is undoubtedl
together with the sencha ext JS and sencha touch frameworks. Sencha cmd provides the following capabilities:
1. Code Generation Tool: the code generation tool generates the entire application and extends the MVC component generation.
2. js Compilation: Framework awareness.
Through the introduction of the official article of the previous translation we have a preliminary impression of Sencha, and we have also generated the first sample application code framework through the wizard, so the next step may be that many people feel that you should look at the details of how an app is built, based on what the wizard suggests. But I think we can change the path of learning.Heaven Zhuhai The rudder is a relatively quick buck, so
Previously said
Sencha phonegap init com. pushsoft. myapp MyApp
The package installation package is named "“myapp.apk". The program name displayed on the mobile phone desktop (text under the icon) is also "MyApp"
If you want to change to another name, modify the MyApp \ config. xml file and set"
MyApp
"Change the name of MyApp in the middle to the desired name. Note: If the xml content contains Chinese characters, it should be changed to UTF-8 enco
Original article: http://www.sencha.com/blog/sencha-eclipse-plugin-tips-tricks/
Sencha's Eclipse plug-in is a complete plug-in for code assistance and verification of popular Eclipse IDE. With this plug-in, you can get the standard sencha touch (latest sencha eclipse plugin 1.1), ext JS type, and code assistance for c
Download: Http://pan.baidu.com/s/1bnvVII Password: dy8n1th. Development of Mobile OA using HTML5 Technology-introduction of system demonstration and related technology2nd. Development of Mobile OA using HTML5 technology _ related software installation and use Sencha write the first HTML5 program3rd. Development of Mobile OA using HTML5 technology _ Learn Sencha Touch common view Controls (part 1th)4th. Deve
The layout is used to describe the size and location of the components in your application, and in the Sencha touch we provide the following layouts: 1.HBox:
Hbox and horizontal box layout, which we call the horizontal layout, here is a demo code:
Ext.create (' Ext.container ', {
Fullscreen:true,
layout: ' Hbox ',
items: [
{
xtype: ' Panel ',
HTML: ' Message list ',
flex:1
},
for production environment project
2, Sencha app build testing: Built as a test environment project, all the JS code and CSS files will be bound together, but does not compress the file for debugging.
3. Sencha App Build Package: Create a stand-alone, reusable engineering environment that is typically run under a local file system and does not need to be put int
Touch software distribution provides SCSs files for the themes that you can use or change as required. each component has its own CSS file, for example button.css is for buttons and a button. JS file that accompanies use of the component. update a ruby sassFile which generates the CSS file.
Important to use themes, in touch 2.2, you must include the base class base.css file in your app in addition to your theme's CSS file.
Platform config Option
This
Said beforeSencha phonegap Init com.pushsoft.myapp MyAppAfter the packaged program install package APK name is "myapp.apk", the program name displayed on the phone desktop (the text below the icon) is also "MyApp"If you want to change to a different name, change the Myapp\config.xml file, and change the top "Note that the assumption of XML content in Chinese, to be changed to UTF-8 encoding, note that the text file encoding, not the top "1.0 ' encoding= ' utf-8 '"?>. It is recommended to change
', FontSize:15}}], series: {type:' Scatter ', highlight: {size:7, Radius:7}, fill:true, Xfield:' Name ', Yfield:' Data3 ', Marker: {type:' Circle ', FillStyle:' Blue ', Radius:10, LineWidth:0 } } }});Different from the previous example, the new example has appeared xtype: ' Cartesian ', if you just introduce ext-charts.js file in the HTML file, will be error, the error situation is as follows:[Ext.loader] synchronously loading ' widget.cartesian '; Consider adding Ext.requi
no". Ok, let's do the last bit.First download Sencha CMD from Here:linkSave the ' Zip ' file in your default Downloads location. If you don ' t have a ' unzip ' installed in Debian Jessie, you can install ' Ark ' with the Synaptic package Manager. After this said, you unpack the Sencha Cmd ' zip ' file. You can do this in the same Downloads folder. It would unpack a file with the . SH extension.Now go to y
:\phonegap-project\MyApp\platforms\android\assets\www" >
"Build/package/myapp"/>
This will allow you to copy the files to the PhoneGap project directory.
Finish it now!
Sencha Touch a project +phonegap a project. The former outputs js+html to the latter, which is then packaged as an APK file.
Other:
1. Originally Sencha built-in direct
create the following document structure:
Under the app directoryCodeSo far, we have only put app. JS, but as we develop, we will put more code.
Under the lib directory, the required sencha touch framework file and the required javascrpt library will be included.
All image files images and CSS style files are included in the res directory.
File index.html is the application's entry point file, and
Official documents
Introduction to Sencha CMD
Using Sencha Cmd with Ext JS 4.2+
compiler-friendly Code Guidelines
Workspaces in Sencha CMD
Environmental requirements
Java run-time Environment or JRE, version >=6.0.
Ruby
Sencha CMD
UseEclipseDevelopmentSencha touch frameworkIs the content of this article, mainly to understandSencha touch frameworkDevelopment quick start learning. For details about the implementation of specific content, see this article.
First, it is the same as many other frameworks.Sencha touchWe provide a series of controls that allow us to easily build HTML5 pages comparable to iPhone apps. The perfect support for touch operations makes up for the poor Touch Experience of traditional mobile websites.
Sencha effecect is a major upgrade to ext designer. Sencha effecect 2 is a visual Application Builder that uses sencha touch 2 to build mobile applications and extJS 4 to build a desktop application.
Sencha effecect 2 is built on the company's HTML5 layout tool ext designer and extends its functionality to provide a
1. Choose a browser that can be compatible and debug Sencha touch
Sencha Touch was designed for the WebKit kernel, so chrome or Safari is a great place to show webapp based on Sencha touch. I prefer chrome developer tools, not only can view DOM elements, debugging JS, but also real-time monitoring, CPU utilizatio
The content source of this page is from Internet, which doesn't represent Alibaba Cloud's opinion;
products and services mentioned on that page don't have any relationship with Alibaba Cloud. If the
content of the page makes you feel confusing, please write us an email, we will handle the problem
within 5 days after receiving your email.
If you find any instances of plagiarism from the community, please send an email to:
info-contact@alibabacloud.com
and provide relevant evidence. A staff member will contact you within 5 working days.