sencha-extjs-examples / quickstart Goto Github PK

Ext JS Quick Start application example

JavaScript 92.90% HTML 7.10%

quickstart's Introduction

Taking QuickStart to Production

Let's walk through the steps of creating the app we've been working on above in a real world environment.

Download the Ext JS Framework

If you have not already done so, download and unpack the Ext JS framework from either the Products section of the main Sencha website (www.sencha.com) or from the downloads section of the Sencha Support portal.

Download the Sample Application

You can download from Github by clicking the green "Clone or Download" button. Then just click "Download Zip" and save the file to your machine.

Once downloaded, move the folder to wherever you'd like your application to live.

Add Sencha Cmd to your App

Once you have your application where you want it, "cd" into its directory in your Command Line Interface (CLI). Then, issue the following command:

sencha app install --framework=/path/to/extjs/

This command will update your folder with Sencha Cmd's application scaffold that allows your application to benefit from Sencha Cmd's many features.

Note: "/path/to/extjs/" should be replaced with the path to wherever you unzipped the Ext JS framework on your machine.

Build Your Application

Finally, run the following command to build the application:

sencha app build

You can now visit your application at its local address on your web server.

Alternatively, you can run this command so that Sencha Cmd will provide a web server for you:

sencha app watch

You can now visit the resulting address displayed in your console. It will usually be found here:

http://localhost:1841/

quickstart's People

Contributors

Stargazers

Watchers

quickstart's Issues

Popup doesn't work

Trying to use this with Ext 6.5.3, I can build it, watch it, run it just fine, but the popup is broken. Clicking a row doesn't do anything.

Using the F12 view in Chrome I can see it's there in the dom, but hidden or overlapped somehow. When I hackfix the Z index of the form to something really high, it appears.

Unable to locate .sencha folder

(1) I use Ext JS 6.5 on macOS 10.12.5 .

(2) I am reading guideline at http://docs.sencha.com/extjs/6.5.0/guides/quick_start/going_to_production.html .

(3) Download https://github.com/sencha-extjs-examples/QuickStart/archive/master.zip

(4)unzip, rename directory QuickStart-master to QuickStart.

(5) Ext JS 6.5 (after unzip) put in /Users/donhuvy/Downloads/ext-6.5.0.

I run

sencha app install --framework=/Users/donhuvy/Downloads/ext-6.5.0

I see error:

➜  ~ pwd                                                              
/Users/donhuvy
➜  ~ cd /Users/donhuvy/Downloads/QuickStart
➜  QuickStart sencha app install --framework=/Users/donhuvy/Downloads/ext-6.5.0
Sencha Cmd v6.5.0.180
[INF] Using existing workspace at /Users/donhuvy/Downloads/QuickStart
[INF] Copying framework to /Users/donhuvy/Downloads/QuickStart/ext
[INF] Loading configuration for framework directory: /Users/donhuvy/Downloads/QuickStart/ext
[INF] Upgrading to Ext JS 6.x
[INF] Upgrading to sdk at /Users/donhuvy/Downloads/QuickStart/ext
[ERR] Unable to locate .sencha folder
[ERR] Please ensure this folder is a valid v3 ExtJS application
[ERR] com.sencha.exceptions.ExScript: com.sencha.exceptions.ExState: No .sencha directory found (anonymous#27)
   runAppUpgrade (anonymous:26)
   [anonymous] (anonymous:464)
   x_app_upgrade (anonymous:463)
➜  QuickStart sencha app install --framework=/Users/donhuvy/Downloads/ext-6.5.0
Sencha Cmd v6.5.0.180
[INF] Using existing workspace at /Users/donhuvy/Downloads/QuickStart

How to fix it?
https://stackoverflow.com/questions/44731585/unable-to-locate-sencha-folder

Changing employees "Office Location" in selectfield updates grid with [object Object] instead of actual value

I used QuickStart as sample for my own webapp and then ran into an issue with selectfield's binding. I though it was me doing something wrong until I noticed that original QuickStart demo has the same issue. Please help fixing this until lost my enthusiasm with ExtJS :(

TypeError: Cannot read properties of null (reading 'parentNode') in ExtJs 5

I'm facing a problem where some users (approximately 10) encounter crashes on the authorization page with the errors.

The main problem is the rare reproducibility without depending on browser or OS

Subscribe to download the document, after calling the script
Put the script not in the head, but at the end of the body
Add additional check for null
Try to load requests asynchronously
Change the processing of the element that gives null

at Function.fromElement (ext-all.js:22:470306)
at E.onGlobalFocus (ext-all.js:22:173484)
at E.fire (ext-all.js:22:136933)
at E.doFireEvent (ext-all.js:22:143046) at a.doFireEvent (ext-all.js:22:403297) 
at E.fireEventArgs (ext-all.js:22:142657)
at E.fireEvent (ext-all.js:22:142386)
at E.processFocusIn (ext-all.js:22:225310) at E.doDelegatedEvent (ext-all.js:22:224806)
at E.onDelegatedEvent (ext-all.js:22:214961)

at Function.getCommonAncestor (ext-all.js:22:243361)
at E.processFocusIn (ext-all.js:22:224934) at E.doDelegatedEvent (ext-all.js:22:224737) 
at E.onDelegatedEvent (ext-all.js:22:214961)
at r (ext-all.js:22:55389)

The problem occurs in the fromElement function at the stage of assigning b = document.body.parentNode because it says that it is null.

fromElement: function(d, b) {
var g = Ext. Component. componentIdAttribute, h = Ext-getDom(d), a = Ext. ComponentManager.all, e, c;
if (b) {
b = Ext. getDom(b)
｝ elseT
b = document.body.parentNode // error here
while (h && h. nodeType === 1 && h !== b) €
e = h. getAttribute(g) ||h.id;
if (e) (
c = a[el;
if (c) (
return c
h.parentNode
return null
｝

Add license information

Hello,

This repository does not seem to have any licensing information attached, therefore it would be beneficial to add a license note. The legal defaults are country-specific, in the USA I believe the license defaults unfortunately to "only fair use allowed", which is probably not what the Authors wanted.