Introduction of touch files, including resources and sencha-touch-debug.js filesThe contents of the index.html file are as follows:
span class= "tag" > rel = "stylesheet" href = type = "text/css" >
Implementation ShowcaseFrom for notes (Wiz)Sencha Touch Environment Setup
For Jasmine, I will not introduce it more. Can go to the official website to see http://pivotal.github.com/jasmine/
Although sencha touch (hereinafter referred to as St) has some bugs, it does not affect the use of the project, because we only use the features and UI parts provided by sencha touch. In my personal opinion, Mixin is better. Previously, openlaszlo also supported Mixin, so it is almost the same
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 JS and Siesta. The actual execution file should be index. js. The Code is as follows:
[Ja
In June 15, when developers visited the famous JavaScript library extjs website, they would find themselves being redirected to another unfamiliar website and interface www.sencha.com.. Originally, pressOfficial blog, Extjs project already works with Touch ScreenCodeLibrary Project jqtouchAndSVG Processing library RaphaelMerge, David, founder of the last two projectsKaneda and DmitryBaranovskiy will also be added to extjs. This is an important move for extjs to strengthen its graphic and touch s
Label: blog Io ar Java SP Div on 2014 Art The sencha touch panel and container events do not contain click events, but sometimes we need to add click events to a panel. The specific implementation code is as follows.
Ext.getCmp('panel_id').element.on({ tap : function() { alert("你点击了panel"); }, touchstart:function(){ console.log("touch start......");
1: Download http://www.sencha.com/products/touch/download/on the official website. download the latest version 2.3.1a;
2. Create a folder directory structure as follows:
Create other folders by yourself. touch-2.3 is the first step to download and decompress the files from the official website.
3. Write the Code:
1:
file extension json,mime type Text/json (or application/x-javascript can also)3) Install script mappings to the default Web siteHandler mappings--Add a script map. The request path is *.json, the executable file is%windir%\system32\inetsrv\asp.dll, and the name is JSON4) Add index.html to the default document5) Create the Senchatouch application under the Default Web site, IIS6 is called the virtual directory.6) Use Chome Preview (ie not supported)This configuration completes, does not need to
authority is downloadsprovider. */public Static Boolean isdownloadsdocument (UrI uri) {return "com.android.providers.downloads.documents". Equals (Uri.getauthority ());} /** * @param URI of the URI to check. * @return Whether The Uri authority is mediaprovider. */public static Boolean ismediadocument (Uri uri) {return "com.android.providers.media.documents". Equals ( Uri.getauthority ());} /** * @param URI of the URI to check. * @return Whether The Uri authority is Google Photos. */public stati
Before modification:After modification:Add the following code to the controller that corresponds to the TabPanelConfig: {Views: [' Main '],Refs: {Main: ' Main ',},Control: { ' Main ': { Initialize: ' Initialize '}}},Evenly distributes the width of the icon at the bottom of the tabInitialize:function () { var tabpanelitems = This.getmain (). GetItems (); for (var i = 0; i if (tabpanelitems.items[i].tab) {Because there are four buttons, 25% indicates the width ratio of each buttonTabpanelitems.i
Now let's modify the objects passed to the distribution function as follows:
12345678910
Ext. Dispatch ({Controller: 'home ',Action: 'index ',Historyurl: 'home/Index ',//Animation :{Type: 'slide ',Reverse: True,},});
We have added the animation customer attribute to the object with the specified animation attribute. this object will be passed from index actionSetactiveitemFeature, we can add any more customer attributes we want to add. Next we will see how we can acce
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 than many other browsers. The smoothness of th
Sencha does not seem to be able to control the IMG Tag event if xtemplate is used in the list.
VaR mytemplate = new Ext. xtemplate ('
);
So write the noimage function in the onerror event of IMG, and then add the function to it?
The HTML experiment added to the List failed.
Most reliable in index.html
Function noimage (IMG ){IMG. src = 'resources/img/ic_contact.png ';}
[ExtJS5 Study Notes] section 30th sencha extjs 5 gridpanel group summary, extjs5gridpanel
Address: http://blog.csdn.net/sushengmiyan/article/details/42240531
Author: sushengmiyan
Certificate ------------------------------------------------------------------------------------------------------------------------------------
This article uses the grouping statistics display function in the gridpanel of extjs as an example, involving knowledge points:
Fea
[ExtJS5 Study Notes] sencha extjs 5 Table gridpanel group summary in section 30th
This article uses the grouping statistics display function in the gridpanel of extjs as an example, involving knowledge points:
Features in data grid in Ext. grid. Panel model/store and ftype: 'groupingsummary 'among others
I. First read:
The installation month shown in the image is displayed in groups. The total and average values are displayed under each group. My ex
This example does not use the Sencha MVC pattern. Just a simple read loading local JSON data sample.The document structure is as follows:The App.js code is as follows:Ext.require ([' Ext.form.Panel ', ' Ext.data.Store ', ' Ext.data.reader.Json ', ' Ext.dataview . DataView ']); Ext.application ({name: ' MyApp ', Icon: ' Images/icon.png ', Glossonicon:false,phonestarupscreen: ' Images/starup.png ', Tabletstartupscreen: ' Images/tablet.png ', launch:func
Recently has been using Sencha for front-end development, a separate post for the collation of common problems. The land will continue to add some content, colleagues also hope to be able to help everyone.
ExtJS submit submission causes Emptytext to submit into the form:
The code is as follows
Copy Code
Win.form.submit ({Submitemptytext:false,URL: ' xxxxx ',Method: ' Post '});
ExtJS limits the maximum number of
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.