sencha-touch-2

问题 I was wondering how to ovverride the back button on a navigation view. I tried using onBackButtonTap but it doesnt seem to work http://www.senchafiddle.com/#8zaXf var view = Ext.Viewport.add({ xtype: 'navigationview', onBackButtonTap: function () { alert('Back Button Pressed'); }, //we only give it one item by default, which will be the only item in the 'stack' when it loads items: [ { //items can have titles title: 'Navigation View', padding: 10, //inside this first item we are going to add

问题 What does Sencha 2 only work in Webkit browsers? I understand they require the Webkit engine, but why do they do this, what does this webkit engine have which the engines in Firefox / IE doesnt have? A browser consists of a HTML engine, CSS engine and Javascript engine - just for curriosity, is it the Javascript engine which is special with Webkit in respect of Sencha ? 回答1: When Sencha Touch started development, iphone, android and blackberry were the main platforms. All of them use a webkit

问题 I have installed SenchaSDKTools-2.0.0-beta3-windows on my windows Xp 32-bit. following is the command I am running on command prompt. C:\Program Files\SenchaSDKTools-2.0.0-beta3>sencha app create MyApp c:\xampp\htdocs\sencha\myapp\ Giving following error [ERROR] the current workind directory (C:\Program Files\SenchaSDKTools-2.0.0-beta3>) is not valid SDK directory. Please 'cd' in to a SDK directory before executing this command. environment variable has been set following way. Variable name :

问题 This question already has an answer here : Closed 6 years ago . Possible Duplicate: how to get the form values and insert that values in the db using sencha touch im new to sencha touch.I want to create a form and submit that form details in the database .for this one i write the following code. Ext.define("Form.view.Main",{ extend: "Ext.form.Panel", requires:['Ext.Button', 'Ext.Spacer', 'Ext.field.Password' ], config: { fullscreen: true, id:'form', items: [ { xtype:'fieldset', items:[ {

问题 I have a view which contains several items (labels, carousels, container etc.) - Ext.define('MyApp.view.MyView', { extend:'Ext.Panel', alias:'widget.view', requires:['Ext.Panel', 'Ext.carousel.Carousel'], config:{ layout:'vbox', cls: 'detail', scrollable:{ direction:'vertical' } }, initialize:function () { var type = { xtype: 'label', id:'type', html:'Type' }; var socialButton = { xtype:'label', id:'socialButton', html:'<div style="position: absolute; right: 0; top: 0px; background: #efefef;

问题 Sometimes we use one store for few views(list, carousel,dataviews) and when we refresh(load, filter) store data, dom of all view that use this store will be rebuild, but some views is not displayed in this time, and may be will not show with these data. How we can refresh list dom only if it displayed, not every time when it store refresh? Issue examle Ext.define("Test.view.Main", { extend: 'Ext.tab.Panel', config: { tabBarPosition: 'bottom', items: [ ] }, constructor : function(){ this

问题 Here my code for list using Sencha touch2 , I have a rest service and I need to be able to load my store for my list view.Follows var tab= Ext.create('Ext.List', { width: 320, height: 290, store: { fields: ['ext_xtype','imgURL','arimg'], data: [{ ext_xtype: 'Harry Potter 4', imgURL:'bo.png', arimg:'arrow.png' },{ ext_xtype: 'Iphone5 64gb', imgURL:'mo.png', arimg:'arrow.png' },{ ext_xtype: 'Hill Figure', imgURL:'wa.png', arimg:'arrow.png' }] }, itemTpl: '<img src="{imgURL}" width="35" heigh=

问题 I'm totally new to sencha touch and extjs. Here is the scenario: Suppose you have this store that holds the items on a shopping cart: Ext.define('MyApp.store.CardItems', { extend: 'Ext.data.Store', requires: ['MyApp.model.CardItem','Ext.data.proxy.SessionStorage'], config :{ model: 'MyApp.model.QuoteItem', autoLoad: true, autoSync: true, identifer: 'uuid', proxy:{ type:'sessionstorage', id:'card' } } }); I know that in sencha a store is used to bind a list of model items to a grid for example

问题 I have created a custom toolbar which I want to use uniformly across all the views of my app. PROBLEM: When a ListView item is selected and a detail view loaded, I get the default back button bar and my custom toolbar, as shown above. How can I merge both bars and have a single bar? 回答1: Based on your earlier question, I assume you are using an Ext.navigation.View to host your section and vacancy lists. Instead of creating your own toolbar you could customize the navigationbar of the

问题 I coded a simple application which displays a dataview.List articles in the home page. Here's a view of my home page : I can also open a specific article by clicking on it and have its complete description in an other view. Here's my article view page for a specific article : To do this I apply a filter in my ArticleController class (here I get the matched record). onViewArticle: function(record) { var articleStore = Ext.getStore("ArticleStore"); var selectedArticle = record; articleStore