HTML5 development practices-Sencha Touch (1)
I have learned a lot of basic Sencha Touch content and have learned about the development mode of Sencha Touch. Next, we will use Sencha Touch to build our web application. The first thing to solve is the front-end problem, starti
Sencha Touch can also use plugins such as maps, multimedia, and more. 1. Map ComponentsWe define the map component through ext.map , whose xtype is map. In addition to using the plug-in, but also to call Google 's map API used by the JS file, the code is as follows:After introducing the file, we can write the JS code to display the map:Ext.require (' Ext.map ') ext.application ({//Omit other configuration items ... launch:function () {var Map = ext.cr
emphasize. Using the store component to define the data,field defines the properties of the data in the Data Warehouse, where the properties include name and URL . The data can then be defined. Once we've defined the data store , we'll define the template, which we've talked about before, in fact, using the data to edit the content within the HTML. Finally, we define the DataView component. the store attribute selects a defined Data Warehouse,itemtpl selects the template that was previously
setting value value for each option , Passing value value into the sort method and sort them as required. Second, searchin DataView, there is a way to filter data in the Data Warehouse, with the following code:Store.filter (' LastName ', ' Tom ');This sentence means to filter out such data, its lastName property value is Tom. Similarly, if we want to implement the user search function, define a search box and pass the value entered by the user into the filter function. It is also possible to
the value for each option . The value values are passed into the sort method and sorted according to the requirements. Second, searchThere are methods for filtering data in the Data Warehouse in DataView. The code is as follows:Store.filter (' LastName ', ' Tom ');This sentence means that the data is filtered out. The value of its lastName property is Tom. Similarly. Suppose we want to implement the user's search function. Define a search box to pass the value entered by the user into the f
obvious parts include UI elements and special effects. IE10 preview supports the introduction of visual HTML5 and CSS3 features in almost all the past three years. In IE9, Microsoft has paid attention to several improvements to its capabilities, such as hardware acceleration and canvas. However, IE10 has introduced more:
N CSS Transformation: efficient and smooth conversion between 2D and 3D. 3D conversion and anti-aliasing are significantly better t
General app, the basic layout of the page is the same, the following is a few tab, to choose to achieve the role of page switching. Click on the different buttons, the interface will switch to different content. This can be done easily in Sencha touch.First, we want to make sure we're using TabPanel to build here. As the name implies, the component adds tab to the bottom of the interface and can tab through the page. The base code is as follows:Launch
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 Mobi
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
Sencha Study Notes 2: package your first Sencha Android app apk installation package, senchaapk
We have a preliminary impression on sencha through the introduction in the previous translation official Article. At the same time, we also generated the first sample application code framework through this wizard, many people may think that the next step should be bas
Sencha Touch and Ext JS may be slightly different at the underlying layer, the implementation method is actually the same.Note: This is only a technical demonstration and cannot ensure that the Code can run on all browsers. In fact, the CSS3 conversion used already means some browsers have been checked, so please do not apply this to production.Other interesting examples of customized layouts include this Sencha
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
in different places. Unlike Sencha touch, which supports only Web-kit, JQuery Mobile works beautifully on browsers that support HTML5. Whether you're using Windows,mac os,android or an iOS system, JQuery Mobile can catch your eye.
yale8848 translated 2 years ago 3 Human top top Good translation!
Sencha Touch vs jQuery
CSS standards have become more and more mature through the efforts of browser vendors. The Sencha framework is also constantly improving support for these standards, while maintaining backward compatibility at the same time in order to support older older systems.Whether it's Ext JS 5 or Sencha Touch. Both provide an abstract cross-platform layout system. Although the implementation is different in the way
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
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
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 disappoi
The Ext.domhelper component in Sencha touch makes it easy to append or rewrite Elements.Example:Launch:function () {function appenddom () {Ext.DomHelper.append (' my-div ', {id: ' url-list ', tag: ' ul ', //specify appended element kind CN :
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.