sencha-touch

Sencha Touch 2 FormPanel not showing up properly (layout issue?)

对着背影说爱祢 提交于 2019-12-12 15:41:45
问题 I'm having trouble with the layout of a FormPanel in Sencha Touch 2. See example app below. There should be a panel with 'vbox' layout containing 3 items: a piece of text, a FormPanel, and another piece of text. However the FormPanel seems to get size 0x0 and not show up at all, so I only see the two texts. I found 2 things that get the form panel to show up: Setting layout: 'fit' on the outer panel. But then everything overlaps. fit isn't really designed for more than one item, so this isn't

Dynamically add xtype items to the panel with slidenavigatoin

亡梦爱人 提交于 2019-12-12 12:37:35
问题 So I'm trying to put items dynamically to the panel that has slidenavigation feature: // FlyoutNavigation.js Ext.define("APN.view.FlyoutNavigation", { id: "flyoutNavigationPanel", extend: 'Ext.ux.slidenavigation.View', Here is the initialisation of the view in another view: // MainViewContainer.js this.home = "Some var" this.flyout = Ext.create('APN.view.FlyoutNavigation', { id: 'flyoutNavigationPanel', home: this.home }); Than I'm trying to use this variable in the this.config.items section,

how to give dynamic axes minimum and maximum values to chart from store sencha touch

痞子三分冷 提交于 2019-12-12 12:12:44
问题 I am using xtype:chart and this is my axes. axes: [{ type: 'numeric', minimum: 0, position: 'left', fields: ['2011', '2012', '2013'], title: 'Sales', minorTickSteps: 1, grid: { odd: { opacity: 1, fill: '#ddd', } }, style: { axisLine: false, estStepSize: 20, stroke: '#ddd', 'stroke-width': 0.5 }, minimum: 0, maximum: 1000 }, { type: 'category', position: 'bottom', fields: ['name'], title: 'Month of the Year', style: { estStepSize: 1, stroke: '#999' } }] Here is my problem, minimum and maximum

iPad-like pop-over in Sencha touch

对着背影说爱祢 提交于 2019-12-12 11:12:15
问题 I want to create an iPad-like pop-over with a login form in Sencha touch. How can I do this? 回答1: You may try making a normal Ext.Panel to look like a popover var gkpopover = new Ext.Panel({ id :'gkpopoverpanel', floating:true, modal:true, width:'100px', height:'100px', }); Note: Never forget to set height and width. and to Show gkpopover.show('pop'); hope this makes sense. 回答2: On sencha touch 2, floating is depreciated. I've modified @geekay code to; //show info popover? var popoverpanel =

How to set row height Sencha Touch List

£可爱£侵袭症+ 提交于 2019-12-12 10:47:15
问题 How can I set the row height in a Sencha Touch List object? I'm using HTML to format the row, rows get taller with multiple lines, but how do I set the row height? Thanks, Gerry 回答1: To edit the List elements default height, you have two ways to do it: Create your own Sencha Theme with SASS (The official Sencha way to do it). Override the Sencha Touch Theme CSS. In the first case you only need to edit the $global-row-height variable value like, for example. $global-row-height: 100px; If you

After update the android chrome version 65, application does not works, Sencha touch and cordova android

生来就可爱ヽ(ⅴ<●) 提交于 2019-12-12 10:07:18
问题 After update the chrome version 65, application is showing the splash screen again when taping some click event, it's a hybrid app Sencha touch and Cordova android. 回答1: Edit: this is a known chrome 65 bug which is marked to be fixed in chrome 67. Edit 2: Confirmed to be fixed on Chrome 67. You will need to update "Android System WebView" on Android devices to get the fix. I believe this is a Chrome 65 bug. I have a deployed Sencha Touch application using version 2.4.2. About a week ago I

How to move from one view to another view using viewport in sencha?

蹲街弑〆低调 提交于 2019-12-12 09:11:56
问题 In my application I have a one view with topbar and some fields. In this button when I am click the login button I want to move to another view (Dashboard) which is a tabview. So for this I am using viewport. But I am unable to move from one view to another. Here is my code: app.js Ext.Loader.setConfig({ enabled : true }); Ext.application({ views : ['TitlePanel', 'dashboardpanel'], models : [ 'MyModel', 'wishlistmodel' ], stores : [ 'name', 'wishlistsummarystore' ], name : 'MyApp',

Sencha Touch - How to enable Infinite Scroll

北战南征 提交于 2019-12-12 05:25:10
问题 Looking in the Docs for Sencha Touch there seems to be an option on the List widget that allows for setting "infinite" which enables infinite scroll. Docs: https://docs.sencha.com/touch/2.3.1/#!/api/Ext.dataview.List-cfg-infinite I am hoping this will resolve some issues that I have with performance with very large lists on portable devices. Important Note: This is for an offline mobile app. As in the fiddle. The store already contains all of the data. I tried enabling it on a large list but

Javascript Sencha cmd app build error occurred while executing this line

偶尔善良 提交于 2019-12-12 04:55:15
问题 I am trying to create a touch app using Cordova on a Mac. However when I run this code sencha app build native testing I get this error: Sencha Cmd v5.1.2.52 [INF] Processing Build Descriptor : native [INF] Loading app json manifest... [INF] Concatenating output to file /Users/h/Documents/Dev/testing/thisApp/build/temp/testing/thisApp/sencha-compiler/cmd-packages.js [INF] writing content to /Users/h/Documents/Dev/testing/thisApp/bootstrap.js [INF] appending content to /Users/h/Documents/Dev

Failing in Display the Json data from store in grid view (Using Sencha Framework)

吃可爱长大的小学妹 提交于 2019-12-12 04:39:45
问题 I'm new to Sencha. Im getting the response of data in network, But the data is not loaded in grid. If i try to use static data in proxy, grid loading those values. Please help me on this. Request URL: http://localhost:8080/list?_dc=1506420300660&page=1&start=0&limit=25&callback=Ext.data.JsonP.callback1 Response: [{"name":"Thanos","email":"thanos@infgauntlet.com","phone":"5555555555"},{"name":"Spider Man","email":"peter.parker@thebugle.net","phone":"2125555555"},{"name":"Daredevil","email":