开通博客赚积分
发布资源赚积分
分类

源码开发语言/平台
ysJQueryUIPlugin
文件大小： unknow
源码售价： 5 个金币 积分规则     积分充值
充值1元得10金币   
资源说明：git mirror for http://www.symfony-project.org/plugins/ysJQueryUIPlugin
ysJQueryUIPlugin
================

The ysJQueryUIPlugin provides support for jQuery User Interface
in your app views; Importing the jquery.ui library
facilitating abstractions for low-level interaction and animation,
advanced effects and high-level, themeable widgets, built on top of the jQuery
JavaScript Library, that you can use to build highly interactive web applications.
Everything from PHP code (Symfony helpers).
jQuery and Symfony write less, do more.


*Dependencies*
--------------

  * ysJQueryRevolutionsPlugins [Documentation](http://www.symfony-project.org/plugins/ysJQueryRevolutionsPlugin "ysJQueryRevolutionsPlugins")

*Available Local Themes*
------------------------

  * ui-lightness,blitzer,smoothness,cupertino
  
  **Tip:**: If you use only one, delete others.
  
*Installation*
--------------

  * Install the plugin (from http://plugins.symfony-project.com)

		$ symfony plugin-install http://www.symfony-project.org/plugins/ysJQueryUIPlugin

  * Install the plugin (from .tgz file)

	Download the .tgz from 

	http://www.symfony-project.org/plugins/ysJQueryUIPlugin

	execute command:


		php symfony plugin:install path/to/ysJQueryUIPlugin-.x.x.x.tgz

  * Enable modules in your `settings.yml` (optional for demos)

		[yml]
		all:
		 .settings:
		   enabled_modules:      [default, jqueryui_demo]

  * Enable the plugin if necessary by editing config/ProjectConfiguration.class.php:

		[php]
		$this->enablePlugins('ysJQueryUIPlugin');

  * Publish plugin assets (Very Important):

		php symfony plugin:publish-assets

  * Clear you cache

		symfony cc

  * See the app.yml to change where you load the library jquery.UI and themes (Optional).
    For localhost configuration is only available [ui-lightness,blitzer,smoothness,cupertino] themes.
    You can add or delete themes.

		[yml]
		  all:
			.ys_jquery_ui_plugins:

			  ###Core configuration---------------------------------------------------------
			  ### For load jquery.ui from ajax.googleapis.com:
			  #ys_jquery_ui_web_dir:   http://ajax.googleapis.com/ajax/libs/jqueryui/1.7.1    #default /ysJqueryUIPlugin
			  #ys_jquery_ui_theme_dir: /themes                                                #default /css/themes
			  #ys_jquery_ui_js_dir:    ''                                                     #default /js/jquery/ui
			  ##ys_jquery_ui_theme:     blitzer                                               #default ui-lightness
			  #ys_jquery_ui_i18n_dir:  /i18n                                                  #default /i18n
			  #ys_jquery_ui_theme_rolller:  http://jqueryui.com/themeroller/themeswitchertool/

			  ###jquery.ui.core
			  #ys_jquery_ui_core_js:   [ jquery-ui.min.js ]
			  #ys_jquery_ui_core_css:  [ ui.all.css ]


			  ### For load from jquery.ui localhost
			  ys_jquery_ui_web_dir:         /ysJQueryUIPlugin    #default /ysJqueryUIPlugin
			  ys_jquery_ui_theme_dir:       /css/themes          #default /css/themes
			  ys_jquery_ui_js_dir:          /js/jquery/ui        #default /js/jquery/ui
			  ys_jquery_ui_theme:           redmond              #default ui-lightness
			  ys_jquery_ui_i18n_dir:        i18n                 #default /i18n
			  ys_jquery_ui_theme_rolller:   /ysJQueryUIPlugin/js/jquery/themeswitchertool.js

			  ###jquery.ui.core
			  ys_jquery_ui_core_js:         [ui.core.js]
			  ys_jquery_ui_core_css:        [jquery-ui-1.7.2.custom.css]







Helpers
-------

  * **ysJQueryRevolutionsHelper** Add this helper from ysJQueryRervoltionsPlugin (needed to work). Or **ysJQueryDollarRevolutionsHelper**

  * **ysJQueryUICoreHelper** Add this helper to create panels, buttons, links, icons with jqueryUI Styles.

  * **ysJQueryUIAccordionHelper** Add this helper to create jQueryUI accordions widgets. See the module: jqueryui_demo/accordion

  * **ysJQueryUIDatepickerHelper** Add this helper to create jQueryUI datepickers widgets. See the module: jqueryui_demo/datepicker

  * **ysJQueryUIDialogHelper** Add this helper to create jQueryUI dialog widgets. See the module: jqueryui_demo/dialog

  * **ysJQueryUIDraggableHelper** Add this helper to add jQueryUI draggable support. See the module: jqueryui_demo/draggable

  * **ysJQueryUIDroppableHelper** Add this helper to add jQueryUI droppable support. See the module: jqueryui_demo/droppable

  * **ysJQueryUIEffectsHelper** Add this helper to add jQueryUI effects support. See the module: jqueryui_demo/effects

  * **ysJQueryUIProgressbarHelper** Add this helper to create jQueryUI progressbar widgets. See the module: jqueryui_demo/progressbar

  * **ysJQueryUIResizableHelper** Add this helper to add jQueryUI resizable support. See the module: jqueryui_demo/resizable

  * **ysJQueryUISelectableHelper** Add this helper to add jQueryUI selectable support. See the module: jqueryui_demo/selectable

  * **ysJQueryUISliderHelper** Add this helper to create jQueryUI slider widgets. See the module: jqueryui_demo/slider

  * **ysJQueryUISortableHelper** Add this helper to add jQueryUI sortable support. See the module: jqueryui_demo/sortable

  * **ysJQueryUITabsHelper** Add this helper to create jQueryUI tabs widgets. See the module: jqueryui_demo/tabs

  * **ysJQueryUILayoutHelper** Add this helper to add jQueryUI Layout support.
    Change your layout.php by layout.php that is within the jqueryui_demo module to see how it works.


  **IMPORTANT**: If you use these helpers very often is advisable to add in the
	settings.yml

		[yml]
		all:
		  .settings:
		    standard_helpers:       [Partial, Cache, Form, Javascript, ysJQueryRevolutions, ... , ysJQueryUICoreHelper]




*How To*
--------

For _*_init_, _*_create_ and _*_suport_to_ helpers:

Always the 1st argument is the jquery selector,
the 2nd is the array configuration (optional),
and the 3rd is html properties (optional)

**Note**: You can define a listener in the configuration array.
The listener must have the 'selector' and ('event' or 'oneEvent') indexes.
You can add a behavior 'before' and 'after' executing the event:


	[php]
	array(
	'listener' => array(
	  'selector' => '#jQuerySelector',
	  //'event' => 'click',    // To create the widget each time you run the event
      'oneEvent' => 'click',   // To create the widget only once you run the event
	  'after' => like_function("alert('After function')"),
	  'before' => like_function("alert('Before function')"),
	))

**Important**: 'oneEvent' takes precedence over 'event' option.




**WIDGETS:**

  * **Accordion**:

		[php]
		
		
		

		 'bounceslide', //  <= animation requires bounce effect
			    'icons'      => array(
				  'header' => 'ui-icon-plus' ,
				  'headerSelected' => 'ui-icon-minus'),
			    'navigation' => false),
			  'class="myCustomClass" style=".myCustomStyle"') ?>

			
				
 Content 1 

			

			
				
 Content 2 

			

		


	


  * **Datepicker**:

		[php]
		
		

		 'button',
				'buttonText' => 'Date',
				'showMonthAfterYear' => false,
				'i18n' => 'es'),
			  'class="myCustomClass" style=".myCustomStyle"') ?>

		 true)) // <= in-line datepicker ?>

	You can use the helper **ui_datepicker_set_defaults()**
	to add default configuration to the datepicker.The array argument
	is the default configuration. If you dont pass the argument the helper
	look for the node 'ys_jquery_ui_datepicker_defaults' in the app.yml file

		[php]
		 true,
					 'changeYear' => true,
					 'showMonthAfterYear' => false)) ?>

		

	...

		[yml]
		all:
		  .ys_jquery_ui_plugins:
		    ys_jquery_ui_datepicker_defaults:
			  changeMonth: true
			  changeYear: true
			  showMonthAfterYear: false

	**Note:** A bug in datepicker widgets is the z-index, sometimes not displayed.
		  Solve it the following way:

		[css]
		

	


  * **Dialog**:

		[php]
		
		

		 'Lorem ipsum',
				  'modal' => true,
				  'buttons' => array('Close' => like_function(ui_dialog_close('this'))),
				  'beforeclose' => like_function("alert('Before Close Dialog');")),
				'class="myCustomClass" style=".myCustomStyle"') ?>

			  

				Lorem ipsum dolor sit amet, consectetur adipisicing elit,
				sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
				Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris
				nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in
				reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla
				pariatur. Excepteur sint occaecat cupidatat non proident, sunt in
				culpa qui officia deserunt mollit anim id est laborum
			  


		

	


  * **Progressbar**:

		[php]
		
		

		 80 ,
			    'change' => like_function("alert('Change Succesful')")),
			  'style="height:5px;width:50%"') ?>

	You can add animiation progress with the *ui_progressbar_init_animation_now()* or
	*ui_progressbar_animate()* helpers

		[php]
		
		// The 2nd argument is the duration

		//ui_progressbar_animate axample:
		 array(
				   'selector' => '#btnBarListener',
				   'event' => 'click',
				 'before' => like_function(ui_progressbar_animate('#anotherProgressbarId' , 20))),
				 'value' => 80 ,
				 'change' => like_function("alert('Change Succesful')"))) ?>

		

	


  * **Slider**:

		[php]
		
		

		 50,
				'change' => like_function('alert("Change Successful");')));  ?>

	You can add a value or multiple values and set the max and min value:

		[php]
		 80,
			    'min' => 15,
			    'values' => array(15,20,80)));  ?>

	You can set horizontal or vertical orientation (default = 'horizontal')

		[php]
		 'vertical',
                'value' => 25));  ?>

	


  * **Tabs**:

		[php]
		
		

		 array(2),
				  'sortable' => true,
				  'fx'       => array('opacity' => 'toggle',
				  'duration' => 'slow'),
				  'unselect' => true,
				  'collapsible' => false))?>

			
			  
			  
			  
			

			
			  

				Tab 1 Content
			  

			

			
			  

				Tab 2 Content
			  

			
		


*INTERACTIONS:*

  * **Drag and Drop**:

		[php]
		
		
		

		 true,
				'cursor' => 'move',
				'cursorAt' => array(
				  'top' => -12,
				  'left' => -20),
				'helper' => 'clone',
				'helperFunction' => like_function('return $(\'
I"m a helper
\')', 'event'))) ?>

		

			
Draggable

		


		 like_function("$(this).addClass('ui-state-highlight').find('p').html('Dropped!');"),
				'deactivate' => like_function('alert("Deactivete successful")'),
				'accept'  => '#draggableSectionId',
				'activeClass' => 'ui-state-active',
				'addClasses'  => true,
				'greedy'  => true,
				'tolerance' => 'touch',
				'hoverClass' => 'ui-state-hover')) ?>

		

			
Drop here

		


	


  * **Resizable**:

		[php]
		
		

		 true,
			    'autoHide' => true)) ?>

		 'resizablePanelId',
					 'style' => 'width: 150px; height: 150px; padding: 0.5em;')) ?>

			 'center')) ?>
			  Resizable Panel
			

			  
This is the content


		

	**Tip:** To create a resizable helper, add this css style:

		[css]
		

	


  * **Selectable**:

		[php]
		
		

		

		
    
		  
  1. Item 1
    2. 
		  
  2. Item 2
    3. 
		  
  3. Item 3
    4. 
		  
  4. Item 4
    5. 
		  
  5. Item 5
    6. 
		  
  6. Item 6
    7. 
		

		

		

	


  * **Sortable**:

		[php]
		
		

		

		
    
		  
  • Item 1-1
    • 
		  
  • Item 1-2
    • 
		  
  • Item 1-3
    • 
		  
  • Item 1-4
    • 
		



		
    
		  
  • Item 2-1
    • 
		  
  • (I'm not sortable or a drop target)
    • 
		  
  • (I'm not sortable or a drop target)
    • 
		  
  • Item 2-2
    • 
		



		 'li:not(.ui-state-disabled)'))?>

		


*EFFECTS:*

  * **ui_add_effects_support('effect' or array('effect1', 'effect2'))**
		Add the javascript files for the effect support.
	

	**Example**:

		[php]
		
		

	

  * **add_core_hover_animation('jquery-selector', 'class1', 'class2')**
		

		This helper adds a hover animation to matching elements with the jquery selector.
		The 2nd and 3rd arguments are optional and their respectively default values are 'ui-state-hover' , 'ui-state-active'
	

	**Example**:

		[php]
		
		

	


  * **Add Class**:

		[php]
		
		

		 'btnAddClassId','value' => 'Run Effect'))?>

		 array(
				       'selector' => '#btnAddClassId',
					   'event'=> 'click' ),
				     'class' => 'ui-widget-content',
				     'duration' => 'slow' ,
				     'callback' => like_function("alert('Class Added')"))) ?>

		

			

			
Etiam libero neque, luctus a, eleifend nec, semper at, lorem. Sed pede. Nulla lorem metus, adipiscing ut, luctus sed, hendrerit vitae, mi.
			

			

		


	


  * **Remove Class**:

		[php]
		
		

		 'btnRemoveClassId','value' => 'Run Effect'))?>

		 array(
					   'selector' => '#btnRemoveClassId',
					   'event'=> 'click'),
				     'class' => 'ui-widget-content',
				     'duration' => 'slow' ,
				     'callback' => like_function("alert('Class Removed')"))) ?>

		

			

			
Etiam libero neque, luctus a, eleifend nec, semper at, lorem. Sed pede. Nulla lorem metus, adipiscing ut, luctus sed, hendrerit vitae, mi.
			

			

		


	


  * **Animate** Complex demo:

		[php]
		
		

		 'btnAnimate','value' => 'Run Effect'))?>

		 array(
						       'backgroundColor' => '#aa0000',
						       'color' => '#fff',
						       'width' => 500),
						       'speed' => 1000))),
						like_function(
						  jquery_execute_effect(
				            '.divToAnimate',
				            'animate',
						    array(
						      'options' => array(
						        'backgroundColor' => '#fff',
						        'color' => '#000',
						        'width' => 240),
						        'speed' => 1000))))))) ?>

		

			

			
Etiam libero neque, luctus a, eleifend nec, semper at, lorem. Sed pede. Nulla lorem metus, adipiscing ut, luctus sed, hendrerit vitae, mi.
			

			

		


	


  * **Effects**:

		[php]
		
		

		 'btnExecuteEffectId','value' => 'Run Effect'))?>

		 array(
					   'selector' => '#btnExecuteEffectId',
					   'event'=> 'click'),
				     'effect' => 'highlight',
				     'speed' => 500,
				     'callback' => like_function("alert('Highlight Effect successful')")))?>

		

			

			
Etiam libero neque, luctus a, eleifend nec, semper at, lorem. Sed pede. Nulla lorem metus, adipiscing ut, luctus sed, hendrerit vitae, mi.
			

			

		


	


  * **Hide**:

		[php]
		
		

		 'btnHideEffectId','value' => 'Run Effect'))?>

		 array(
					   'selector' => '#btnHideEffectId',
					   'event'=> 'click'),
				     'effect' => 'clip',
				     'speed' => 'slow',
				     'callback' => like_function("alert('Hide effect successful')"))); ?>

		

			

			
Etiam libero neque, luctus a, eleifend nec, semper at, lorem. Sed pede. Nulla lorem metus, adipiscing ut, luctus sed, hendrerit vitae, mi.
			

			

		


	


  * **Show**:

		[php]
		
		

		 'btnShowEffectId','value' => 'Run Effect'))?>


		 array(
				       'selector' => '#btnShowEffectId',
				       'event'=> 'click'),
				     'effect' => 'blind',
				     'speed' => 'slow',
				     'callback' => like_function("alert('Show effect successful')"))) ?>

		

			

			
Etiam libero neque, luctus a, eleifend nec, semper at, lorem. Sed pede. Nulla lorem metus, adipiscing ut, luctus sed, hendrerit vitae, mi.
			

			

		


	


  * **Switch Class**:

		[php]
		
		

		 'btnExecuteSwitchClassId','value' => 'Run Effect'))?>

		 array(
					   'selector' => '#btnExecuteSwitchClassId',
					   'event'=> 'click'),
				     'remove' => 'ui-widget-content',
				     'add' => 'ui-widget-header',
				     'duration' => 'slow')) ?>

		

			

			
Etiam libero neque, luctus a, eleifend nec, semper at, lorem. Sed pede. Nulla lorem metus, adipiscing ut, luctus sed, hendrerit vitae, mi.
			

			

		


	


  * **Toggle**:

		[php]
		
		

		 'btnExecuteToggleEffectId','value' => 'Run Effect'))?>

		 array(
				    'selector' => '#btnExecuteToggleEffectId',
				    'event'=> 'click'),
				  'effect' => 'explode',
				  'speed' => 'slow',
				  'callback' => like_function("alert('Toggle effect successful')"))) ?>

		

			

			
Etiam libero neque, luctus a, eleifend nec, semper at, lorem. Sed pede. Nulla lorem metus, adipiscing ut, luctus sed, hendrerit vitae, mi.
			

			

		


	


  * **Toggle Class**:

		[php]
		
		

		 'btnExecuteToggleClassId','value' => 'Run Effect'))?>

		 array(
				       'selector' => '#btnExecuteToggleClassId',
				       'event'=> 'click'),
				     'class' => 'ui-widget-header',
				     'duration' => 'slow')) ?>

		

			

			
Etiam libero neque, luctus a, eleifend nec, semper at, lorem. Sed pede. Nulla lorem metus, adipiscing ut, luctus sed, hendrerit vitae, mi.
			

			

		


*LAYOUT:*


  * Copy this code in your layout.php:

		[php]
		

		
		
		  
			
			
			
			
			
			

			

		  
		  
			

			  

			  getRaw('sf_content') // for symfony 1.0?>
			


			

			  
				TIP: Using an IFRAME as a pane works great! Since the iframe auto-sizes,
				you will never again have TWO vertical scrollbars on your page.
			  
			


			

			  South Content

			


			

				East Content
			


			

				West Content
			


		  
		


	In the module 'jqueryui_demo' you can see a complex layout.php example.


*MORE:*


  * **Panels**: See the module: jqueryui_demo/panel .

		[php]
		
		

		
		   'newwin' ,
					'style' => 'cursor:pointer')) ?>
			This is the title
		  

		  
			
This is the content panel

		  

		

  * **Link Button**: See the module: jqueryui_demo/buttons .

		[php]
		
		

		

		 'newwin',        //  ui-icon-
					 'align' => 'right',         // (left| rigth)
					 'title' => 'My Title',
					 //'noTitle' => true,          // ( | true)
					 'corner' => 'left',         // ( |left| rigth)
					 'state' => 'disabled',      // ( | disabled)
					 'target' => '_blank',       // (<_self> | frame id | _blank, _top, _parent)
					 'priority' => 'secondary',  // ( | secondary )
					 'show' => true,             // ( | false)
					 'url' => url_for('http://www.google.com'),
					 'value' => 'Link button',
					 'id' => 'lnkBtnId')); ?>

  * **Button**: See the module: jqueryui_demo/buttons .

		[php]
		
		

		 'My Title',
					 //'noTitle' => true,          // ( | true)
					 'corner' => 'left',         // ( |left| rigth)
					 'state' => 'disabled',      // ( | disabled)
					 'priority' => 'secondary',  // ( | secondary )
					 'show' => true,             // ( | false)
					 'value' => 'Link button',
					 'id' => 'btnId')); ?>

  * **Button Pane**: See the module: jqueryui_demo/buttons .

		[php]
		
		

		 array(
					 'value' => 'Hello',
					 'icon' => 'newwin'),
				  'idBtn2' => array(
					 'value' => 'World',
					 'icon' => 'newwin')))?>
		
		 array(
					'title' => 'B',
					'value' => 'B'),
				  'idBtn4' => array(
					'title' => 'I',
					'value' => 'I'),
				  'idBtn5' => array(
					'title' => 'U',
					'value' => 'U')))?>
		
		
  * **UI Table**: See the module: jqueryui_demo/buttons .

		[php]
		
		

		
		  
			First', 'colspan="2"') ?>
			Second') ?>
			Third') ?>
		  

		  
			
			  
				
				
						
				
				
			  
			
		  

		  
			

			  
			  
			

			
Showing results ???

		  .
		  
		

  * **Themeroller Tool**: See the layout.php. You can use it to show customers the differents styles for the application

		[php]
		
		

		 200,
					 'buttonPreText' => 'ysJQueryUIPlugin: ')) ?>

More documentation and examples in the module 'jqueryui_demo'

*How to change the jQueryUI Theme*
----------------------------------

If you configuration in app.yml is 'ajax.googleapis.com' go to step 6

1. Go to jqueryui.com themeroller web site [Here](http://jqueryui.com/themeroller/ "jqueryui.com").
2. Choose and Download the theme(for example download the Smoothness theme).
3. The zip file name is jquery-ui-1.7.2.custom by default.
5. Unzip and copy the folder '\jquery-ui-1.7.2.custom\development-bundle\themes\smoothness'.
5. Paste the folder in the directory 'web\ysJQueryUIPlugin\css\themes' of tou application.
6. Change the app.yml file:

	    [yml]
		all:
		  .ys_jquery_ui_plugins:
		    ...
		    ...
		    ys_jquery_ui_theme: smoothness              #default ui-lightness
		    ...
		    ...

*Available Helpers functions:*
------------------------------

For more information about this functions and its arguments see the phpdocs.

*   **Accordion**
	1.  ***ui_accordion_activate***() : jquery sintax
	2.  ***ui_accordion_build***() : jquery sintax
	3.  ***ui_accordion_destroy***() : jquery sintax
	4.  ***ui_accordion_disable***() : jquery sintax
	5.  ***ui_accordion_end***() : html sintax
	6.  ***ui_accordion_end_section***() : html sintax
	7.  ***ui_accordion_get_option***() : jquery sintax
	8.  ***ui_accordion_init***() : html & jquery sintax
	9.  ***ui_accordion_init_section***() : html & jquery sintax
	10. ***ui_accordion_set_options***() : jquery sintax

*   **Datepicker**
	1.  ***ui_datepicker_build***() : jquery sintax
	2.  ***ui_datepicker_change_i18n***() : jquery sintax
	3.  ***ui_datepicker_create***() : html & jquery sintax
	4.  ***ui_datepicker_destroy***() : jquery sintax
	6.  ***ui_datepicker_enable***() : jquery sintax
	7.  ***ui_datepicker_disable***() : jquery sintax
	8.  ***ui_datepicker_dialog***() : jquery sintax
	9.  ***ui_datepicker_is_disabled***() : jquery sintax
	10.  ***ui_datepicker_hide***() : jquery sintax
	11.  ***ui_datepicker_show***() : jquery sintax
	12.  ***ui_datepicker_get_date***() : jquery sintax
	13.  ***ui_datepicker_set_date***() : jquery sintax
	14.  ***ui_datepicker_get_option***() : jquery sintax
	15.  ***ui_datepicker_set_options***() : jquery sintax
	16.  ***ui_datepicker_set_defaults***() : jquery sintax
	17.  ***ui_datepicker_regional***() : jquery sintax

*   **Dialog**
	1.  ***ui_dialog_init***() : html & jquery sintax
	2.  ***ui_dialog_end***() : html & jquery sintax
	3.  ***ui_dialog_destroy***() : jquery sintax
	4.  ***ui_dialog_build***() : jquery sintax
	5.  ***ui_dialog_enable***() : jquery sintax
	6.  ***ui_dialog_disable***() : jquery sintax
	7.  ***ui_dialog_close***() : jquery sintax
	8.  ***ui_dialog_open***() : jquery sintax
	9.  ***ui_dialog_is_open***() : jquery sintax
	10.  ***ui_dialog_open_on_event***() : jquery sintax
	11.  ***ui_dialog_move_to_top***() : jquery sintax
	12.  ***ui_dialog_get_option***() : jquery sintax
	13.  ***ui_dialog_set_options***() : jquery sintax

*   **Draggable**
	1.  ***ui_draggable_support_to***() : jquery sintax
	2.  ***ui_draggable_build***() : jquery sintax
	3.  ***ui_draggable_destroy***() : jquery sintax
	4.  ***ui_draggable_enable***() : jquery sintax
	5.  ***ui_draggable_disable***() : jquery sintax
	6.  ***ui_draggable_get_option***() : jquery sintax
	7.  ***ui_draggable_set_options***() : jquery sintax

*   **Droppable**
	1.  ***ui_droppable_support_to***() : html & jquery sintax
	2.  ***ui_droppable_build***() : html & jquery sintax
	3.  ***ui_droppable_destroy***() : html & jquery sintax
	4.  ***ui_droppable_enable***() : jquery sintax
	5.  ***ui_droppable_disable***() : jquery sintax
	6.  ***ui_droppable_get_option***() : jquery sintax
	7.  ***ui_droppable_set_options***() : jquery sintax

*   **Effects**
	1.  ***ui_effects_add_class***() : html & jquery sintax
	2.  ***ui_effects_remove_class***() : html & jquery sintax
	3.  ***ui_effects***() : html & jquery sintax
	4.  ***ui_effects_hide***() : jquery sintax
	5.  ***ui_effects_show***() : jquery sintax
	6.  ***ui_effects_switch_class***() : jquery sintax
	7.  ***ui_effects_toggle***() : jquery sintax
	8.  ***ui_effects_toggle_class***() : jquery sintax

*   **Layout**
	1.  ***ui_layout_configure_to***() : html & jquery sintax

*   **Progressbar**
	1.  ***ui_progressbar_create***() : html & jquery sintax
	2.  ***ui_progressbar_destroy***() : jquery sintax
	3.  ***ui_progressbar_enable***() : jquery sintax
	4.  ***ui_progressbar_disable***() : jquery sintax
	5.  ***ui_progressbar_init_animation_now***() : jquery sintax
	6.  ***ui_progressbar_animate***() : jquery sintax
	7.  ***ui_progressbar_set_value***() : jquery sintax
	8.  ***ui_progressbar_get_option***() : jquery sintax
	9.  ***ui_progressbar_set_options***() : jquery sintax

*   **Resizable**
	1.  ***ui_resizable_support_to***() : jquery sintax
	2.  ***ui_resizable_build***() : jquery sintax
	3.  ***ui_resizable_destroy***() : jquery sintax
	4.  ***ui_resizable_enable***() : jquery sintax
	5.  ***ui_resizable_disable***() : jquery sintax
	6.  ***ui_resizable_get_option***() : jquery sintax
	7.  ***ui_resizable_set_options***() : jquery sintax

*   **Selectable**
	1.  ***ui_selectable_support_to***() : jquery sintax
	2.  ***ui_selectable_build***() : jquery sintax
	3.  ***ui_selectable_destroy***() : jquery sintax
	4.  ***ui_selectable_enable***() : jquery sintax
	5.  ***ui_selectable_refresh***() : jquery sintax
	6.  ***ui_selectable_disable***() : jquery sintax
	7.  ***ui_selectable_get_option***() : jquery sintax
	8.  ***ui_selectable_set_options***() : jquery sintax

*   **Slider**
	1.  ***ui_slider_create***() : html & jquery sintax
	2.  ***ui_slider_destroy***() : jquery sintax
	3.  ***ui_slider_build***() : jquery sintax
	4.  ***ui_slider_enable***() : jquery sintax
	5.  ***ui_slider_disable***() : jquery sintax
	6.  ***ui_slider_value***() : jquery sintax
	7.  ***ui_slider_values***() : jquery sintax
	8.  ***ui_slider_get_option***() : jquery sintax
	9.  ***ui_slider_set_options***() : jquery sintax

*   **Sortable**
	1.  ***ui_sortable_support_to***() : html & jquery sintax
	2.  ***ui_sortable_build***() : jquery sintax
	3.  ***ui_sortable_destroy***() : jquery sintax
	4.  ***ui_sortable_enable***() : jquery sintax
	5.  ***ui_sortable_disable***() : jquery sintax
	6.  ***ui_sortable_refresh***() : jquery sintax
	7.  ***ui_sortable_refresh_position***() : jquery sintax
	8.  ***ui_sortable_serialize***() : jquery sintax
	9.  ***ui_sortable_to_array***() : jquery sintax
	10.  ***ui_sortable_cancel***() : jquery sintax
	11.  ***ui_sortable_get_option***() : jquery sintax
	12.  ***ui_sortable_set_options***() : jquery sintax

*   **Tabs**
	1.  ***ui_tabs_init_panel***() : html & jquery sintax
	2.  ***ui_tabs_init***() : html sintax
	3.  ***ui_tab***() : html sintax
	4.  ***ui_tabs_init_content_for***() : html sintax
	5.  ***ui_tabs_end_content***() : html sintax
	6.  ***ui_tabs_end***() : html sintax
	7.  ***ui_tabs_end_panel***() : html sintax
	8.  ***ui_tabs_destroy_panel***() : jquery sintax
	9.  ***ui_tabs_build_panel***() : jquery sintax
	10.  ***ui_tabs_enable***() : jquery sintax
	11.  ***ui_tabs_disable***() : jquery sintax
	12.  ***ui_tabs_select***() : jquery sintax
	13.  ***ui_tabs_load***() : jquery sintax
	14.  ***ui_tabs_remove***() : jquery sintax
	15.  ***ui_tabs_add***() : jquery sintax
	16.  ***ui_tabs_length***() : jquery sintax
	17.  ***ui_tabs_abort***() : jquery sintax
	18.  ***ui_tabs_rotate***() : jquery sintax
	19.  ***ui_tabs_sortable***() : jquery sintax
	20.  ***ui_tabs_url***() : jquery sintax
	21.  ***ui_tabs_get_option***() : jquery sintax
	22.  ***ui_tabs_set_options***() : jquery sintax

*   **Core**
	1.  ***ui_add_effects_support***() :
	2.  ***ui_change_i18n***() :
	3.  ***ui_init_content_panel***() : html sintax
	4.  ***ui_end_content_panel***() : html sintax
	5.  ***ui_init_content***() : html sintax
	6.  ***ui_init_title***() : html sintax
	7.  ***ui_end_title***() : html sintax
	8.  ***ui_create_icon***() : html sintax
	9.  ***ui_button***() : html sintax
	10.  ***ui_link_button***() : html sintax
	11.  ***ui_theme_switcher_tool***() : html & jquery sintax
	12.  ***ui_button_pane_init***() : html sintax
	13.  ***ui_button_pane_end***() : html sintax
	14.  ***ui_toolbar_init***() : html sintax
	15.  ***ui_toolbar_end***() : html sintax
	16.  ***ui_core_hover_animation_to***() : jquery sintax
	17.  ***ui_disable_selection***() : jquery sintax
	18.  ***ui_enable_button***() : jquery sintax
	19.  ***ui_enable_link_button***() : jquery sintax
	20.  ***ui_disable_button***() : jquery sintax
	21.  ***ui_disable_link_button***() : jquery sintax
	22.  ***ui_grid_init***() : jquery sintax
	23.  ***ui_grid_head_init***() : jquery sintax
	24.  ***ui_grid_th***() : jquery sintax
	25.  ***ui_grid_head_end***() : jquery sintax
	26.  ***ui_grid_body_init***() : jquery sintax
	27.  ***ui_grid_tr_init***() : jquery sintax
	28.  ***ui_grid_tr_end***() : jquery sintax
	29.  ***ui_grid_td_init***() : jquery sintax
	30.  ***ui_grid_td_end***() : jquery sintax
	31.  ***ui_grid_body_end***() : jquery sintax
	32.  ***ui_grid_foot_init***() : jquery sintax
	33.  ***ui_grid_foot_end***() : jquery sintax
	34.  ***ui_grid_end***() : jquery sintax
	
*Todo*
-------

  * Fix bugs
  * Upgrade to jQueryUI 1.8, Waiting for stable release
  * Add support for jqgrid => [Here](http://www.trirand.com/blog/ "jqgrid")
  * Add support for jquery.UI menu => [Here](http://www.filamentgroup.com/lab/jquery_ipod_style_and_flyout_menus/ "jquery.UI menu")
  * Add support for jquery.UI beta Widgets => [Here](http://www.jqueryui.com/Ajax "jQuery UI")
  * Add support for the improvements developed by Filament Group => [Here](http://www.filamentgroup.com "Filament Group")


*Changelog*
-----------
***2010-01-06 0.0.2 BETA***

 * oyepez003: Some Bugs Fixed (styles and javascript code)
 * oyepez003: Added the 'oneEvent' in the listener array option to create a jQueryUIWidget
 * oyepez003: Now when you create a ui-dialog with the  'ui_dialog_init' function and you pass the option 'listener', 
			  automatically the listener will have the possibility of opening the dialog on the defined event

***2009-29-12 0.0.1 BETA***

 * oyepez003: Initial release

部分文件列表（点击文件名可查看文件内容）
本源码包内暂不包含可直接显示的源代码文件，请下载源码包。