loiane / masteringextjs

:closed_book: Source Code of Mastering Ext JS book

Source code of Mastering ExtJS books (first and second editions)

Ext JS 4	Ext JS 5
Book Link Ext JS 4	Book Link Ext JS 5

Ext JS 4.x

• Book Link: https://www.packtpub.com/web-development/mastering-extjs
• Please refer to the branch extjs 4.x of this repository

Ext JS 5.x

• Book Link: https://www.packtpub.com/web-development/mastering-extjs-second-edition
• Please refer to the branch extjs 5.x of this repository

Ext JS 6.x

• Please refer to the branch extjs 6.x of this repository
• Work in progress - project not completed

How to install the project

• 1 - Install the Sakila database as described in the book
• 2 - Run the scripts inside the db-scripts folder:
• 3 - Edit db.php with the database information accordingly

How to install the project - video (ExtJS 5.x)

http://youtu.be/Vm6meIDTHdw

masteringextjs's Issues

Problemas no Sistema

Olá Loiane,

Gostaria muito da sua ajuda, para rodar este sistema 100%, tenho o livro Mastering Ext JS - Second Edition em pdf e estou estudando ele, mais comecei a ter dificuldades de fazer o sistema do zero pelo livro e então procurei baixar o codigo do sistema pronto e estudar ele junto com o livro, mais o sistema não esta funcionando 100%, estou com muita dificuldade de colocar ele funcional para poder continuar estudando. Estou tendo problemas com os dados do banco que parece estar faltando dados para o sistema funcionar, consegui com dificuldades chegar a mostrar o menu, mais ele não aparece as descrições e o painel esta com problemas e o icone esta cortando, pode me ajudar, só gostaria dele funcional 1005 para continuar estudando com o livro.

Adoro seu trabalho e seus Videos, sou seu Fan :)
Não sou bom no inglês, sei somente o básico, uso muito o google tradutor para estudar ^^
Muito obrigado,
David

missing require utitlity function

Hi,
In version 4.2 in / app / controller / security / Users.js

requires: [
        'Packt.util.Util',
        'Packt.util.Alert'
    ],

Alert is missing in your code, and without that the alert won't get loaded in the controller

dockedItem not loading

Hi Loiane,
the dockedItems on

 app\view\security\Users.js

is not showing up without any error on my end. They are there CRUD buttons for user model. My machine is windows and I'm using ExtJS 4.2. Here are the items that I was talking about, have you ever encountered the same issue:

dockedItems: [
        {
            xtype: 'toolbar',
            flex: 1,
            dock: 'top',
            items: [
                {
                    xtype: 'button',
                    text: 'Add',
                    itemId: 'add',
                    iconCls: 'add'
                },
                {
                    xtype: 'button',
                    text: 'Edit',
                    itemId: 'edit',
                    iconCls: 'edit'
                },
                {
                    xtype: 'button',
                    text: 'Delete',
                    itemId: 'delete',
                    iconCls: 'delete'
                }
            ]
        }
    ]

I replace the items with regular buttons and it didn't show up either.

Missing files

It is a great book, probably the best i have ever seen(I have bought also the Ext JS 4 First Look). I can't wait to see the extjs 5.0 one :)

But there is no complete application, some files are missing, like this one:
"staticData/update.php"

Can you upload also the missing files?

A few config issues

Hey Loiane,

Love your book!

On the last commit I am a few errors. The previous commit (from a few months back) was working fine.

GET http://www.tiki.dev/masteringextjs/build/Packt/production/resources/Packt-all.css 404 (Not Found) www.tiki.dev/:8
OPTIONS http://localhost/masteringextjs/php/login.php Origin http://www.tiki.dev is not allowed by Access-Control-Allow-Origin.

permissions.php

The permissions.php file returns the same Json regardless of 'id' parameter passed. After adding an additional group and checking the post param, the json response is identical. Will post an update if I find the reason for this. Suspect the users.php to have a similar issue as this returns the same json regardless of "group" parameter when in the Edit Group area.

Where is db-scripts folder?

Hi Loaine, i have a doubt where is the db-scripts folder? thank you.

mail plugins errors

error "Cannot read property 'init' of null" in PluginManager.js on line 58

solution:
views Packt.view.mail.MailList and Packt.view.mail.MailMenu
must explicitly require
Ext.grid.plugin.DragDrop
and
Ext.tree.plugin.TreeViewDragDrop
referenced in the viewConfig.plugins configuration

chapter 5 - After editing or deleting a user, the userlist grid doesn't update immediately

It cannot update in real time.

typo in menu

in sql syntax for the menu the text are written in singular ,i.e. actor, language. however, in the translation file everything is plural, actors, languages, countries. This discrepancy causes the menu text does not get loaded from translation files.

Translations doesn't work

Hi loaine

I'm reading your book and practicing, now i´m in chapter number 3, topíc "Creating the translation files", i'm already finished, but doesn't work the translations, firebug's console show me "ReferenceError: translations is not defined", i don´t know why, if i followed the instruccions

Grettings!!

MainTabPanel.js

this file is missing on the classic/src/view/main folder

Duplicated entry on menu sql script

Remove and fix duplicated scripts for menu options insertion

The Caps Lock warning message doesn't work

In the if statement, it should be:

if ((e.shiftKey && charCode >= 65 && charCode <= 97) ||
        (!e.shiftKey && charCode >= 65 && charCode <= 97))

instead of

if ((e.shiftKey && charCode >= 97 && charCode <= 122) ||
        (!e.shiftKey && charCode >= 65 && charCode <= 97))

Am I right?

Linux Users

For linux, table names as case sensitive. Pending testing to fix these issues.

Listener doesn't work

I have downloaded the latest masteringextjs-extjs-4.2.1883.zip.
I have created some update.php page which returns success:true.

The listener inside AbstractController doesn't work:
this.listen({
store: {
'#staticDataAbstract': {
write: this.onStoreSync
}
}
});

I guess this is because store with "staticDataAbstract" doesn't exists in Ext.StoreMgr.

I have found out that store with specified storeId exists only if you create some store manually. Otherwise all stores will have full class name as id. Same problem is described here:
http://www.sencha.com/forum/showthread.php?179033-storeId-not-registered

In code you have created all stores manually, like this in AbstractController.js:

if (!Ext.getStore('countries')) {
Ext.create('Packt.store.staticData.Countries');
}

This way you have all stores duplicated in store manager, for example once with "countries" ID and second with "staticData.Countries" ID. And all queries on database are executed twice. I'm not sure if that was your purpose?

So, since staticData.Abstract isn't created manually, the listener of write event doesn't work as staticDataAbstract doesn't exists. What should be changed to make it work?

One option would be to add listener directly to abstract store:

listeners: {
'write': function(){
App.getController('staticData.AbstractController').onStoreSync();
}
}
What do you suggest?
Or am i missing something else that this with storeId doesn't work?

Thank you for your answer.
And once more, great book :)

database connection

please can you explain in step by step details as you have done in your how to connect the ext js application to sakila database. I can't find this explained anywhere in the book 1 - Install the Sakila database as described in the book 2 - Run the scripts inside the db-scripts folder in the following order: 2.1 - user-group-tables.sql 2.2 - menu.sql 2.3 - menu_data.sql 2.4 - permissions_data.sql 3 - Edit db.php with the database information accordingly.
I am stack to continue reading the book because i cant connect to the database base on the explanation you gave is it too shallow to follow to get things properly done with the database. thank you

Can't find the db-scripts folder

hi, good day it seems no db script folder after downloading the masteringextjs :( can you post it here? thanks in advance

Update ExtJS SDK version to latest GPL version - ExtJS 4.2.1

There are come compatibility issues. Need to fix those

missing db-scripts

folder db-scripts is missing from branch 4.2.1883

I get a error message about the packt-logo.png below.

We use Sencha Cmd v6.2.1.29 and I had copy file packt-logo.png to the folder D:\phpStudy\WWW\workspace\apps\resources\images\app
But I get a message below:
GET http://localhost:1841/build/development/DragonApp/classic/resources/images/app/packt-logo.png 404 (Not Found)
Should I build the app to fix it?

Can not find sql scripts in the db-scripts folder.

I did get Sakila database installed. however I could not find the following scripts mentioned in the "Installation" section of the Readme.md:

Run the scripts inside the db-scripts folder in the following order: 2.1 - user-group-tables.sql 2.2 - menu.sql 2.3 - menu_data.sql 2.4 - permissions_data.sql 3 - Edit db.php with the database information accordingly