sencha-architect

问题 A cell of my Sencha touch list view appears as follows; But, i want the text to display on the side as shown in the following image. How can i do this. My code looks like this : <div><img src="{IMAGE_URL}" height="55" width="55"/></div> {MAIN} <br/> {SUBMAIN} I need the following in my list view cell: 1.) I want to add a background colour White. 2.) I want to add a button, where i could click and display an alert. 回答1: Try my code and you can use this to build on var list = { xtype: 'list',

问题 I got a little bit stuck and I would like to ask your advice, I am trying to setup a login window // authentication using DreamFactory in Sencha Architect however I am pretty much a beginner. My current Code is: var username = Ext.getCmp('usr').getValue(), password = Ext.getCmp('pwd').getValue(); Ext.Ajax.defaultHeaders = { 'X-DreamFactory-Api-Key' : 'xyz', 'Content-Type' : 'application/json' }; Ext.Ajax.request({ url: 'http://dreamfactoryaddy:8080/api/v2/user/session', withCredentials: true,

问题 I have a really simple Sencha Touch 2.0.1 app made with Sencha Architect 2.0.0: a list of items loaded from a local json file. If I export it to an APK and install it on my droid, it displays perfectly. However, when I try to preview it in my browser it appears as a blank white screen. I have tried it in both Chrome and Safari. Safari displayed it perfectly the FIRST time I loaded the page, but I have never gotten it to work again. I tried clearing internet data, to no effect. Since I have no

问题 I have a container with a few different items stacked in. I also would like to have two title bars inside the container BUT with height reduced to 10 points. I have tried to reduce the size using setHeight() with a lesser number but I can't seem to achieve that. Am I missing something obvious? Is there a way I can reduce the height of a toolbar/titlebar in Sencha Touch? Help! UPDATE: Here is the code I use for a toolbar... Ext.define('MyApp.view.CookingSteps', { extend: 'Ext.Container', alias

问题 I'm working with ExtJS 4.x and Sencha Architect 2.2 but this should be relevant to later versions and any application that uses the Ext.Loader class to dynamically load scripts, including Sencha Touch. By default Ext.Loader adds a ?_dc=... cache busting parameter to make sure that the latest version of each script is loaded into the browser. When deploying to a production or beta-test environment this is a good thing as it ensures the user/tester gets the latest script each time you deploy

问题 I have a grid populating records from view model (Ajax proxy data from Java restful web services). When I select a record in the grid form open and the fields are displayed. The records are editable using the form. I have one tag field which is binded to a store and I should be able to populate the data associated to the record whenever the user selects a record. "data" : [ { "createdOn" : 1475678859000, "updatedOn" : 1475679885000, "updatedBy" : null, "id" : 174, "userName" : "ffff,

问题 Is there any chance to get the DOM values of the last selected row inside a grid. I could only get the record with values and not the DOM elements. With DOM elements I mean the <tr> element of the row selected. var selectedRecord = grid.getSelectionModel().getLastSelected(); //only gets the model instance that is selected 回答1: You can use grid's view getNode() method. It returns HTMLElement of the grid record's row. If you want to do something with row HTML element you can use Ext.get()

问题 I am in to developing a large client side app with very complex views on each modules using Extjs5. I have developed apps in Extjs but they all compile to a single app.js file. So based on the complexity of the views in all the app mockups I am estimating the size of the app will be around 20MB to 25MB even after compiled. I was thinking to split the modules as separate applications and create a master app with tabs or something, which triggered will be loading individual apps in a iFrame

问题 I want to change the default blue color of my Sencha Touch application to green. The steps I followed are listed below: gem update --system gem install compass compass create myfile Copied a .scss file and pasted it in the touch-2.2.1/resources/sqss/ directory. Pasted the following code in that file and named it happy.css : $base-color: #709e3f; @import 'sencha-touch/default/all'; @include sencha-panel; @include sencha-buttons; @include sencha-sheet; @include sencha-tabs; @include sencha

问题 Per the instructions here in order to use the Native API I need to add an 'Ext.require()' to the code. How do I do that in Sencha Architect 2? It seems like everything outside a custom function or an event is readonly so I can't just add my own code ad-hoc. 回答1: As suggested by Bharat Nagwani, Architect now includes a way to require any classes that you would like to dynamically load. Luca Candela and I presented a small application which illustrates use of the Ext.device.Camera API a few