Sencha ExtJS 4 Examples ported to MVC

[loiane]

Hi everyone,

I started to port all extjs 4 examples from sencha to mvc.

You can check them out on my blogs: http://loiane.com (portugese) and http://loianegroner.com (english) and you can also check out my github for more examples!

Some examples - not using Sencha Architect 2:
https://github.com/loiane/extjs4-mvc-basic-array-grid
https://github.com/loiane/extjs4-mvc-xml-grid
https://github.com/loiane/extjs4-mvc-paging-grid
https://github.com/loiane/extjs4-mvc-grid-binded-form
https://github.com/loiane/extjs4-mvc-ajax-xml-form
https://github.com/loiane/extjs4-mvc-multiselect
https://github.com/loiane/extjs4-mvc-portal
https://github.com/loiane/extjs4-mvc-complex-dashboard

Extras:
https://github.com/loiane/extjs4-linked-combobox
https://github.com/loiane/extjs4-mvc-json-crud-php-mysql

Examples implemented with Sencha Architect 2:
ExtJS 4 + Sencha Architect 2: Basic Array Grid Example (using ActionColumn)
ExtJS 4 Form: Unique Field Value Validation Example (Server Validation)

There are more to come!

[aionescu]

Wow - very nice examples, thank you.

Would be even better for newbies if they would also include the Sencha Architect project files .

[loiane]

Wow - very nice examples, thank you.

Would be even better for newbies if they would also include the Sencha Architect project files .

I don't use SA, but I'll try to do that!
Thanks for the tip!

[cbous1]

Any chance you would want to port an example of a simple tree with a JSON store?

Would be greatly appreciated.

[loiane]

Wow - very nice examples, thank you.

Would be even better for newbies if they would also include the Sencha Architect project files .

So I took your advice and I started to port the exemples to Sencha Architect too!
As you cannot import the files to Sencha Architect, I will have to implement them again, so I am going to port the ones that I already have in MVC.

So this is the first example in MVC using Sencha Architect 2:
Basic Array Grid Example (using ActionColumns): http://loianegroner.com/2012/06/extj...-actioncolumn/

Somethings may be different from the MVC examples not implemented with SA2, but the final result is the same.

[loiane]

Any chance you would want to port an example of a simple tree with a JSON store?

Would be greatly appreciated.

Sure. It can be my next example. Will also use Sencha Architect 2!

[cearnhart]

Do you have any advice for newbies using ext js?

[loiane]

Do you have any advice for newbies using ext js?

• Study the Sencha examples very closely. They are very good.
• Here on the foruns there are some users that post examples integrated with other languages (rails, java, php, phyton, .net, etc). These examples can give you a more real feeling of a real app, because you can't have an application implemented with extjs only, you need a server side technology to integrate with.
• Learning extjs takes time. Start learning what you are going to use first (most people start learning grids and forms, since they are the most used components on web apps).With time, explore the other components, so you know they exist when you need them. Layouts are also very important.
• Learn how to search and use the documentation. The Sencha docs are the best I've ever seen. Most of the times, you will find what you need there.
• Read the forum. Don't come here only when you have a question. Read other user's questions and solutions. I've learned so many tricks doing this.
• There are several videos on vimeo and youtube about extjs 4. You can also watch them.
• Read a book. There a couple of books published about ExtJS (ExtJS 4 First Look and ExtJS in Action). If you are a newbie, I really recommend ExtJS in Action.

[loiane]

Added 2 new examples on the first post of this thread:
Will continue adding there when I create new examples.

Examples implemented with Sencha Architect 2:
ExtJS 4 + Sencha Architect 2: Basic Array Grid Example (using ActionColumn)
ExtJS 4 Form: Unique Field Value Validation Example (Server Validation)

[Phil.Strong]

Nice work here!