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
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
Note: If your store is using. ashx from the. NET background and debugging with a Web server with Sencha cmd, the following error will be returned when Chrome is debugged.[WARN] [Ext.data.reader.reader#process] Unable to parse the JSON returned by the Server:Error:You ' re trying to decode an invalid JSON String: [WARN] [Ext.data.reader.reader#process] JSON Object Not foundThis problem has been bothering you for a week! I don't know why I can't return
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(){ conso
The query function executes Ext. componentquery. query and returns a component queue. Therefore, there is only one component entry whose ID is backbtn. The first item returned to the array is the toolbar button.
If you need to find more information about the component query, you can read and query Zho here to see how the sencha touch documentation explains.
Now that we have an instance of the button, we
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)
A lot of people have already discovered that by ordering "gem install compass" To install compass, the following exception will be reported when compiling scss using "Compass compile":"File to import not found or unreadable:blueprint/typography"Google a bit, said the new compass has not included compass-bluprint.So I tried to execute the command "gem install Compass-blueprint" and manually install Compass-blueprint myself. Although it was loaded, the "Compass Compile" was compiled scss with an e
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 opini
After using components in 1.Sencha through layout: ' VBox ' specifies that the page layout is a vertical box layout and the height of the component is high: ' percent ' specifies the background color of the component through style: ' Background: #F6F6F1 ', The background color of the component cannot be displayed, which means that the style configuration option is invalidated. The workaround is to set the height to the shaping value.2. When an interfa
Now, tabpanel is displayed on the screen, but you can beautify the homepage.
The current page has at least the following issues:
Placing tags on the top is not very nice.
The home page buttons also seem monotonous.
NO content.
Let's see how we did it. Modify the tabbarposition configuration item and add some HTML content:
Ext. Application ({
Name: 'sencha ',
Launch :(){
Ext. Create ("Ext. tabpanel ",{
Fullscree
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
: ', Loadingtext:' Load in ... ', Pullrefreshtext:' Drop-down can be manually refreshed ', Releaserefreshtext:' Release can be refreshed ', REFRESHFN:function(Loaded, arguments) {//The time the trigger starts to refresh, and the default effect is to refresh only the first page of data. No matter how much data is shown later,Loaded.getlist (). GetStore (). LoadPage (1);//This is handled, the trigger clears all data and reloads the first page of data. }}], Loadingtext:false,//Disable loading masks
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
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
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.