Jquery Plug-In
The sfJqueryPlugin offers helpers that integrate the Jquery Javascript framework.
Warning: This plugin is in Alpha state. Syntax is subject to change.
Introduction
Jquery is offering an easy API, very well documented and can be a good replacement for the Prototype framework wich's used by default on symfony Javascript's helper.
And since Jquery comes with its powerfull JqueryUI to do effects easily, there's no need to implement scriptaculous.
The integration of sfJqueryPlugin is made simple, developers will have to use the new jQuery helper and prefix the old prototyped methods with jq_.
So the prototyped method:
will get this new Jquery form:
Installation
Install the plugin
$ symfony plugin-install http://plugins.symfony-project.com/sfJqueryPlugin
Alternatively, if you don't have PEAR installed, you can download the latest package attached to this plugin's wiki page and extract it under your project's plugins/ directory
Download the jquery file from www.jquery.com and put it in
web/js/jq/jquery.js
Clear the cache
$ symfony cc
Basic syntax
Declaring the helper in templates
Inside the template
From settings.yml
standard_helpers: jQuery
Using Jquery methods
To use Jquery methods, refer to Chapter 11 Ajax Integration, all***** methods described on the chapter can be used with the jq_ prefix.
jQuery Helpers documentation
Below are complete syntax for ready to use methods in the jQuery Helpers.
jq_periodically_call_remote($options = array())jq_link_to_function($name, $function, $html_options = array())jq_link_to_remote($name, $options = array(), $html_options = array())jq_update_element_function($element_id, $options = array())jq_form_remote_tag($options = array(), $options_html = array())jq_submit_to_remote($name, $value, $options = array(), $options_html = array())jq_javascript_tag($content)
These are the methods reconverted into jQuery functions till the sfJqueryPlugin last version, future changes will integrate more functions.
Todo
- Implement the rest of the Javascript Helper:
- visual_effect
- sortable_element
- draggable_element
- drop_receiving_element
- input_auto_complete_tag
- input_in_place_editor_tag
Changelog
2007-10-10 | 0.0.4 Beta
- fourat: Initial release
- fourat: Implementing basic ajax functions:
- jq_periodically_call_remote
- jq_link_to_function
- jq_link_to_remote
- jq_update_element_function
- jq_form_remote_tag
- jq_submit_to_remote
- jq_javascript_tag
