Skip to main content

ExtJs starting new project - INTRODUCTION

Image
By


Once you are done installing sencha cmd(DOWNLOAD LINK) and unzipping the framework-SDK (DOWNLOAD LINK) then you are all set to start working with Ext JS and creating projects.

Now let's start creating a new project before creating make a directory you need to manage all files into and then fire up command prompt and give this command

sencha -sdk frameworkpath generate app AppName directorypath

change the framework path to the path you extracted all the files and directory path to where you want all your project files to be and then run this command it takes up some to start copying some files into your project directory to get started with all the files that you need is auto generated.

when you are done you can see a couple of files residing in your project directory. now to run your project you need to run this command from your project directory 
sencha app watch

You are all set to build up your ideas and start your project now!

So in Ext JS you will have 3 different areas for the universal applications

  1. Shared app area    - application root
  2. Classic app area    - for classic applications templates /classic/src/view/main/
  3. Modern app area   - for modern application templates /modern/src/view/main/
All the applications that you develop on ExtJS are based on MVVC

Model: is where you write all your business login as classes and this will always be written independently on the application's interface.

View: is where you write all your interface code which is where the end user of the application gets interacted with for using the system.

View Controller: is where you write all the connections between the view and the models.

so the entire application is written dividing into the above three categories. 



Labels:

Comments

Post a Comment

Popular posts from this blog

Reasons not to buy Akaso action camera if you are from india

By
Recently I made a full review of the action camera I brought after doing a ton of research and time. Having used it for a couple of months I feel extremely glad that it meets up to my expectations. But recently, I accidentally tipped off the camera without an external case and it cracked my lens. This, in turn, added a shady spot on my phone or video and I cannot use that anymore (Some phones of the cracked lens below)     I immediately mailed the akaso team to ask if there is anything they could do but unfortunately, this was their response. Oops, that was not what I was expecting and then I asked them I could get any details of the replacement parts or anything like that so that I can order it online. But that didn't happen it took a lot of time for them to respond me back(I have been bugging them on Facebook and email).  But after some time they left me with this response which I had no other choice but to accept. After getting the 50%re...
Post a Comment
Read more

Facebook Whitehat

By
Have you ever wondered that Facebook provides you some test accounts in case if you are trying to find some bugs are attempting to attacks on some personal accounts. So its quiet interesting, lets take a look at them now just login to your Facebook account.. and then go to this link.. Facebook whitehat Then you may find out 4 sections in the page 1-Info            This basically provides you all the security related issues for Facebook and even provides you the opportunity to report the posts that are against the terms and conditions and violating the security issues.. Here are some links that might be important.. In case of any hacked accounts :  Hacking reports Abuse reports :  Report abuse 2-Thanks                The names are those who reported Facebook some bugs and helped Facebook for making their security issues more strong 3-Report a Security vulnerability     ...
Post a Comment
Read more

Extjs - basics on file-system

By
Hope you created your first project with command prompt and knew some basics of where the application starts loading files and makes up the complete interface and functionalities. if not I recommend you to start from the initial step and come back here. So when you start your project on a desktop it will check for the main file in the classic folder and shows it to the user.   classic > src > view > main > Main.js Now let's start with this Main.js file and understand better about the project. This main file basically has some extended components  Ext.tab.Panel which extends the main page view to have a tab panel view in it. requires has all the other components that are being used in this page as components. Header of the side tab has all the properties such as layout that defines what should be the layout for the header which is aligned to stretchmax, and the title which is being binded which a data feild named name where the name is from ...
Post a Comment
Read more