Javascript in PRADO, Questions and Answers

How do I include the Javascript libraries distributed with Prado?

The javascript libraries distributed with Prado can be found in the framework/Web/Javascripts/source directory. The packages.php file in that directory defines a list of available package names available to be loaded. They can be loaded as follows.

  • Adding libraries in the template
    <com:TClientScript PradoScripts="effects" />
  • Adding libraries in PHP code
    $this->getPage()->getClientScript()->registerPradoScript("effects");
The available packaged libraries included in Prado are
  • prado : basic PRADO javascript framework based on Prototype
  • effects : visual effects from script.aculo.us
  • ajax : ajax and callback related based on Prototype
  • validator : validation
  • logger : javascript logger and object browser
  • datepicker : datepicker control
  • colorpicker : colorpicker control
  • dragdrop : basic support for "drag and drop" control
  • dragdropextra : extra support for "drag and drop" controls
  • slider : slider control
  • keyboard : software keyboard control
  • tabpanel : tabpanel control
  • activedatepicker : ajax version of the datepicker control
  • activefileupload : ajax version of the fileupload control
  • accordion : accordion control
  • htmlarea : tinymce control

The dependencies for each library are automatically resolved. Components that require a particular library will also automatically load the necessary libraries. For example, if you add a TDatePicker component on the page, the datepicker and its dependencies will be automatically included on the page.

See TClientScript for options of adding your custom Javascript code to the page.