Skip to content

About

This is an extension for Ext.form.Field which works with Sencha Touch. * The Rating control provides an intuitive rating experience that allows users to select the number of stars (or other symbols) that represents their rating.</p>

Resources

Stars

0 stars

Watchers

0 watching

Forks

 
 

Latest commit

 

History

11 Commits

Folders and files

NameName
Last commit message
Last commit date
 
 
 
 
 
 

Repository files navigation

Ext.ux.touch.Rating

@author Pavel Podlipensky - http://podlipensky.com
@class Ext.ux.touch.Rating
<p>This is an extension for Ext.form.Field which works with Sencha Touch. 
The Rating control provides an intuitive rating experience that allows users to select the number of stars (or other symbols) that represents their rating.</p>
<p>Sample Usage</p>
<pre><code>
		new Ext.ux.touch.Rating({
			itemsCount : 5,
			label : 'Rating',
			inputCls : 'x-rating-star-input',
			itemCls : 'x-rating-star',
			itemHoverCls : 'x-rating-star-hover'
		})
	</code></pre>
	<p>More detailed rating control configuration</p> 
	<pre><code>						 
		new Ext.ux.touch.Rating({
			label : 'Rating',
			inputCls : 'x-rating-star-color',
			items : [{
						hoverCls : 'x-rating-0'
					}, {
						hoverCls : 'x-rating-1'
					}, {
						hoverCls : 'x-rating-2'
					}, {
						hoverCls : 'x-rating-3'
					}, {
						hoverCls : 'x-rating-4'
					}]
		})
</code></pre> 

UPDATE: added ability to clear current selected values by clicking on clear button. You may enable clear button by setting showClear: true. If you want to have empty star rating, set minValue: -1.

About

This is an extension for Ext.form.Field which works with Sencha Touch. * The Rating control provides an intuitive rating experience that allows users to select the number of stars (or other symbols) that represents their rating.</p>

Resources

Stars

0 stars

Watchers

0 watching

Forks

Releases

Packages

Contributors