๎กป

Selects
Snippets 

	<!-- Select . Start -->
	<select name="name">
		<option value="1">Option 1</option>
		<option value="2">Option 2</option>
		<option value="3">Option 3</option>
	</select>
	<!-- Select . End -->
Options
Type Value
Status locked, disabled valid, invalid, changed
Size tiny, small, default, medium, large, huge
Styles transparent, light, color
Type Name Value
default type text, hidden, password, email, number
default id string
default name string
default value string
default title string
default selected selected for options only
validation required required
callback data-callback-initialize function Triggers on initialization
callback data-callback-create function Triggers on creation
callback data-callback-update function Triggers on updating
callback data-callback-change function Triggers on changing
callback data-callback-reset function Triggers on reset
callback data-callback-validate function Triggers on validation
callback data-callback-persist function Triggers on persisting
callback data-callback-hover function Triggers on hover
callback data-callback-focus function Triggers on focus
callback data-callback-lock function Triggers on locking
callback data-callback-unlock function Triggers on unlocking
callback data-callback-disable function Triggers on disabling
callback data-callback-enable function Triggers on enabling
callback data-callback-hide function Triggers on hiding
callback data-callback-show function Triggers on showing
Methods 

	// Scan selects
	basekit.components.selects.scan(scope);
Parameters Value
scope null element 

	// Initialize selects
	basekit.components.selects.initialize(scope);
Parameters Value
scope null container selects(s) 

	// Create select
	basekit.components.selects.create(id,name,values,options,callback);
Parameters Value
id string
name string
values json
options 'locked', 'disabled'
callback function 

	// Update selects
	basekit.components.selects.update(scope,type,name,value,title,options);
Parameters Value
scope selects(s)
id string
name string
values json
options 'locked', 'disabled' 

	// Set scope
	var scope= $('select');

	// Reset selects
	basekit.components.selects.reset(scope);
Parameters Value
scope null selects(s) 

	// Set scope
	var scope= $('select');

	// Validate selects
	basekit.components.selects.validate(scope);
Parameters Value
scope null select(s) 

	// Set scope
	var scope= $('select');

	// Persist selects
	basekit.components.selects.persist(scope);
Parameters Value
scope null select(s) 

	// Set scope
	var scope= $('select');

	// Lock selects
	basekit.components.selects.lock(scope);
Parameters Value
scope null selects(s) 

	// Set scope
	var scope= $('select');

	// Unlock selects
	basekit.components.selects.unlock(scope);
Parameters Value
scope null select(s) 

	// Set scope
	var scope= $('select');

	// Disable selects
	basekit.components.selects.disable(scope);
Parameters Value
scope null select(s) 

	// Set scope
	var scope= $('select');

	// Enable selects
	basekit.components.selects.enable(scope);
Parameters Value
scope null select(s)
Default 
default
 
disabled
 
readonly
 
display
 
tiny
 
small
 
default
 
medium
 
large
 
huge
 
primary
 
secondary
 
transparent
 
transparent light
 
red
 
green
 
blue
 
orange
 
yellow
 
grey
 
black
 
white
 
red_dark
 
green_dark
 
blue_dark
 
orange_dark
 
yellow_dark
 
grey_dark
 
black_dark
 
white_dark
 
red_medium
 
green_medium
 
blue_medium
 
orange_medium
 
yellow_medium
 
grey_medium
 
black_medium
 
white_medium
 
red_light
 
green_light
 
blue_light
 
orange_light
 
yellow_light
 
grey_light
 
black_light
 
white_light
Rounded 
default
 
disabled
 
readonly
 
display
 
tiny
 
small
 
default
 
medium
 
large
 
huge
 
primary
 
secondary
 
transparent
 
transparent light
 
red
 
green
 
blue
 
orange
 
yellow
 
grey
 
black
 
white
 
red_dark
 
green_dark
 
blue_dark
 
orange_dark
 
yellow_dark
 
grey_dark
 
black_dark
 
white_dark
 
red_medium
 
green_medium
 
blue_medium
 
orange_medium
 
yellow_medium
 
grey_medium
 
black_medium
 
white_medium
 
red_light
 
green_light
 
blue_light
 
orange_light
 
yellow_light
 
grey_light
 
black_light
 
white_light