PHP Controls Bootstrap controls for PHP
\Bootstrap\Components\Select
Code
$data = [
['id' => 1, 'name' => 'Lodev09', 'email' => 'lodev09@smartadmin.lodev09.com'],
['id' => 2, 'name' => 'foo', 'email' => 'bar@email.com'],
['id' => 3, 'name' => 'bar', 'email' => 'foo@email.com']
];
$select = new \Bootstrap\Components\Select($data, 'user_id', 'id', 'name');
$select
->id('select-user')
->default('Choose...')
->class('bg-success-50')
->label('Select User')
->help('Use Inspect Element to view the generated HTML code');
$select->printHtml();
Result
Documentation
\Bootstrap\Components\Select
A component that enables you to easily write bootstrap <select>
form control through PHP.
Usage
Instantiate the Select
by passing the data
, name
and value
. The data should look something like this:
// sample data from your db
$data = [
['id' => 1, 'name' => 'Lodev09', 'email' => 'lodev09@smartadmin.lodev09.com'],
['id' => 2, 'name' => 'foo', 'email' => 'bar@email.com'],
['id' => 3, 'name' => 'bar', 'email' => 'foo@email.com']
];
$select = new \Bootstrap\Components\Select($data, 'select_user', 'id', 'name');
$select->label('Select User');
$select->selected(1);
// continued below...
Options
Select::options
Option | Default | Description |
---|---|---|
disabled |
false |
If the control is disabled |
grouped |
true |
If grouped by div.form-group |
group_class |
'' |
Additional div.form-gruop.* classes |
required |
false |
Add or omit required="true" attribute |
Example:
// during init
$select = new \Bootstrap\Components\Select($data, 'demo', 'id', 'name', ['disabled' => true]);
// after init
$select->options('disabled', true);
Other properties
-
Select::data
- Sets the data source. -
Select::name
- Sets thename
attribute -
Select::value
- Sets thevalue
attribute key -
Select::display
- Sets thedisplay
attribute key -
Select::id
- Sets theid
attribute -
Select::class
- Sets theclass
attribute -
Select::attr
- Sets additional custom attributes -
Select::label
- Sets the control<label>
content -
Select::placeholder
- Sets theplaceholder
attribute -
Select::help
- Sets the help text below the control -
Select::append
- Sets the appended content -
Select::each
- Sets the callback for each row of the content$select->each(function($row) { return [ 'content' => $row['name'] + ' - ' + $row['id']; ]; })
-
Select::selected
- Sets the default selected value$select->selected('1');
-
Select::default
- Sets the default value
Styling
To learn more about styling the <select>
, see Basic Inputs demo.
Finally, once you configured your select, you can now htmlPrint
it!
$select->printHtml();
Credits
\Bootstrap\Components\Select
is part of the lodev09/bootstrap-php package created by @lodev09.