Working with ExtJS Library

Prerequisites

For more information on installing plugins in Zend Studio, see Customizing Zend Studio Using the Welcome Page.

Adding the ExtJS Library

This procedure describes how to add the ExtJS library to your project. Including JavaScript libraries in your project saves you time in writing and debugging code, as you are re-using debugged code.

JavaScript libraries can only be added to PHP projects with JavaScript support enabled.

 

 

Instructions on how to complete a procedure

To add the ExtJS JavaScript library to your project:

  1. Select Configure from the right click menu of your project and select Add ExtJS.

  1. Click Finish in the ExtJS library dialog to select or deselect components to be added  to your project.

-OR-

  1. Go to Project | Properties | JavaScript | Include Path - or - Select Properties | JavaScript | Include Path  from the right-click menu of the project folder in your project directory. Your project's properties page opens.

  1. In the JavaScript Libraries Properties page click ADD JavaScript Library. The "Add JavaScript Library" Dialog will open with a list of the available JavaScript libraries.

  1. Select "jQuery Library" and click Next.
    The "jQuery Library" dialog opens.

  1. You can select or deselect the following options:

  • Add ExtJS source code to project directory- Adds the ExtJS source code library to your project directory.

  • Add sample HTML webpage with ExtJS - Adds an example file to your project to help you use the ExtJS library.

  • Open Cheat Sheet with Zend Studio ExtJS tips - Opens an ExtJS support view for Zend Studio in your environment.

  1. To apply changes click Finish. The ExtJS library has been added to your project.

Functionalities such as Content Assist will now be able to access the ExtJS JavaScript library. You can see the library in the "JavaScript Resources" node in your Project directory.

For information on Managing JavaScript libraries see Managing JavaScript Libraries.