Original article: http://www.sencha.com/blog/ui-testing-a-sencha-app/A few months ago, I wrote an article entitled "Automated unit testing", covering how developers compile unit testing and verify Javascript syntax for business logic. You must understand these concepts when creating an enterprise application: You must capture errors or potentially catastrophic consequences before an update is pushed to a pr
I translated an article "Sencha application UI test" yesterday, which contains a sample application, but I did not elaborate on how to write it, this article describes this example.First, let's take a look at the qatest startup page index.html ui-tests \ app directory ):[Html]View plaincopy
The Code contains references from Ext
previous translated official Article Sencha study Note 1: Getting Started with Sencha Touch-Getting Started Guide to Sencha Touch, first go to the directory where the sencha sdk is located, then run the corresponding sencha generate app command to generate the corresponding
, we first locate the Sencha SDK is located under the directory, Then execute the corresponding Sencha Generate app command to generate the corresponding application framework file in the SDK's parent directory:To create the command output for the sample code:Second step: Modify the MVC mode view file App/view/main.js to change the display contentThis step and the third step can actually skip, if you are ab
/jarvus.field.listpicker
Sencha-pintrestlistA attempt to make a pintrest-like list for Sencha TouchProject Address:https://github.com/jarvusinnovations/jarvus.field.listpicker
Sencha-slidenavigationSliding (collapsible) side menu for Sencha Touch apps. Inspired by Facebook ' s mobile app menu.http://wnielson.gith
: Easily customize the application UI (user interface) for phones, tablets, and other devices while sharing common code
Anatomy of an application
Application Structure Resolution
An application are a collection of Models, views, Controllers, Stores and Profiles, plus some additional metadata specifyin G things like application icons and launch screen images.
The ST application is a collection of Model, View, Controller, Store, profile, plus som
With ext JS 5来 using Sencha cmd-------------------------------------------------------------------This guide creates an application by processing the Sencha Generate App command that uses Sencha cmd, which is used to allow an application to endDealing with updating an existing application to experience Sencha CMD is in
narcissistic.
only supports Web Kit kernel browser (which is said to change in the future)
There are many mobile application frameworks that are better than Senchatouch
jquery Mobile
Many frameworks are not optimized for a particular platform, including JQuery Mobile (which is said to be optimized for 1.4 versions)
Conclusion: jquery Mobile wins
yale8848 translated 2 years ago 0 people top top Good t
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
(' Ext.container.Container ', { layout : ' Hbox ', items : [ //... ]});As you have shown. The API for Ext JS and Sencha touch is still somewhat different, just basically the same on the API about the layout.DifferenceBecause the range of devices supported by Ext JS and Sencha Touch is different, the difference between their layouts is primarily the difference between the
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
},
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
Sencha touch 2.2 features
Sencha touch 2.2 adds support for new tools and devices, and lets you measure performance with these features:
Sencha cmd 3.1 and sencha effecect 2.2 Support
Internet Explorer 10 support
Microsoft Surface pro and surface RT, Windows Phone, and BlackBerry 10 support
Icon font-face support
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
First group-Marketing and platform supportSencha Touch and jquery Mobile are known as the HTML5 framework. JQuery Mobile is modestly saying that it is built on all popular mobile device platforms, while Sencha Touch says it is the only one that makes it possible for developers to Ios,android,blachberry,windows Phone and more on the OS to develop beautiful application frameworks. To be honest, I was disappointed by this exaggerated advertisement. I hav
',{//--------------------------------------// Properties//--------------------------------------//--------------------------------------// Constructor//--------------------------------------//--------------------------------------// Methods//--------------------------------------Cheers: function (){Console. log ("Cheers! ");},});
Ext js mvc Template
If you like the Hello world example above, there are some more advanced things here. I was inspired by Robotlegs MVC Templates (this is my project
Original article: Announcing Sencha Ext JS 5
Introduction
On behalf of Sencha and the entire Ext JS team, I am proud to announce that today Sencha Ext JS 5 is released. Ext JS 5 has taken a big step. Here, we also want to spend some time thanking our community for all the feedback and constant support we provide. In our history, this was the largest beta version
Create a custom Layout in Ext JS and Sencha Touch, extsencha
Original article: Creating Custom Layouts in Ext JS and Sencha Touch
The layout system is the most powerful and unique part of the Sencha framework. The layout processes the size and location of each component in the application, so you do not need to manually manage those fragments. Ext JS has many si
programming. And has its own complete class system and MVC framework. When you are skilled, you can quickly make the ui part of the app.
At this time, there may be another problem. In the end, it is actually a web-based mobile App, which means it must be connected to the Internet. In addition, if the network speed of the mobile phone is not good, the access will be slow.
In fact, we can package all the html5 Files written on the current mobile App an
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.