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>
JavaScript
Pull request Compare This branch is 5 commits behind podlipensky:master.
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Failed to load latest commit information.
example
src
readme.txt

readme.txt

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.