bookin / yii2-awesome-bootstrap-checkbox
Yii2 小部件用于 awesome-bootstrap-checkbox
dev-master
2016-07-25 13:48 UTC
Requires
- php: >=5.4.0
- bower-asset/awesome-bootstrap-checkbox: 0.3.*
- fortawesome/font-awesome: *
- yiisoft/yii2: *
- yiisoft/yii2-bootstrap: *
This package is not auto-updated.
Last update: 2020-01-08 01:33:00 UTC
README
这个yii2扩展是 Awesome Bootstrap Checkbox & Radios 插件 的包装器
安装
安装此扩展的首选方式是通过 composer。
要安装,请运行
$ php composer.phar require bookin/yii2-awesome-bootstrap-checkbox "@dev"
或者将以下内容添加到您的 composer.json
文件的 require
部分。
"bookin/yii2-awesome-bootstrap-checkbox": "@dev"
依赖项
此扩展需要 awesome-bootstrap-checkbox,yii2-bootstrap 和 font-awesome
用法
use bookin\aws\checkbox\AwesomeCheckbox; // ActiveForm & model - default checkbox echo $form->field($model, 'attribute')->widget(AwesomeCheckbox::classname()); // ActiveForm & model - change type to radio echo $form->field($model, 'attribute')->widget(AwesomeCheckbox::classname(),[ 'type'=>AwesomeCheckbox::TYPE_RADIO, // default type AwesomeCheckbox::TYPE_CHECKBOX ]); // ActiveForm & model - change style (you can use STYLE_DEFAULT, STYLE_PRIMARY, STYLE_SUCCESS, STYLE_INFO, STYLE_WARNING, STYLE_DANGER - it is bootstrap colors) echo $form->field($model, 'attribute')->widget(AwesomeCheckbox::classname(),[ 'type'=>AwesomeCheckbox::TYPE_RADIO, 'style'=>AwesomeCheckbox::STYLE_SUCCESS, ]); // ActiveForm & model - circle checkbox with style echo $form->field($model, 'attribute')->widget(AwesomeCheckbox::classname(),[ 'type'=>AwesomeCheckbox::TYPE_CHECKBOX, //optional string default type TYPE_CHECKBOX 'style'=>[ AwesomeCheckbox::STYLE_CIRCLE, AwesomeCheckbox::STYLE_SUCCESS ], ]); // ActiveForm & model - checkbox list echo $form->field($model, 'attribute')->widget(AwesomeCheckbox::classname(),[ 'type'=>AwesomeCheckbox::TYPE_CHECKBOX, //optional string default type TYPE_CHECKBOX 'style'=>AwesomeCheckbox::STYLE_PRIMARY, 'list'=>[ // array data 'id1'=>'item1', 'id2'=>'item2' ] ]); // ActiveForm & model - radio list echo $form->field($model, 'attribute')->widget(AwesomeCheckbox::classname(),[ 'type'=>AwesomeCheckbox::TYPE_RADIO, 'style'=>AwesomeCheckbox::STYLE_PRIMARY, 'list'=>[ // array data 'id1'=>'item1', 'id2'=>'item2' ] ]); // ActiveForm & model - disabled option echo $form->field($model, 'attribute')->widget(AwesomeCheckbox::classname(),[ 'options'=>[ 'disabled'=>true ] ]); // ActiveForm & model - set value and uncheck echo $form->field($model, 'attribute')->widget(AwesomeCheckbox::classname(),[ 'options'=>[ 'value'=>5, 'uncheck'=>7 ] ]); // By name - default checkbox echo AwesomeCheckbox::widget([ 'name'=>'test', 'options'=>[ 'label'=>'Checkbox' ] ]); // By name - default radio echo AwesomeCheckbox::widget([ 'name'=>'test', 'type'=>AwesomeCheckbox::TYPE_RADIO, 'options'=>[ 'label'=>'Checkbox' ] ]); // By name - change style echo AwesomeCheckbox::widget([ 'name'=>'test', 'type'=>AwesomeCheckbox::TYPE_RADIO, 'style'=>AwesomeCheckbox::STYLE_PRIMARY, 'options'=>[ 'label'=>'Checkbox' ] ]); // By name - circle checkbox with style echo AwesomeCheckbox::widget([ 'name'=>'test', 'type'=>AwesomeCheckbox::TYPE_RADIO, 'style'=>[AwesomeCheckbox::STYLE_CIRCLE, AwesomeCheckbox::STYLE_PRIMARY], 'options'=>[ 'label'=>'Checkbox' ] ]); // By name - checked echo AwesomeCheckbox::widget([ 'name'=>'test', 'checked' => true, 'options'=>[ 'label'=>'Checkbox' ] ]); // By name - disabled echo AwesomeCheckbox::widget([ 'name'=>'test', 'checked' => true, 'options'=>[ 'disabled'=>true, 'label'=>'Checkbox' ] ]); // By name - list checkbox echo AwesomeCheckbox::widget([ 'name'=>'test', 'list'=>[ // array data 'id1'=>'item1', 'id2'=>'item2' ], 'options'=>[ 'label'=>'Checkbox' ] ]); // By name - list radio echo AwesomeCheckbox::widget([ 'name'=>'test', 'type'=>AwesomeCheckbox::TYPE_RADIO, 'list'=>[ // array data 'id1'=>'item1', 'id2'=>'item2' ], 'options'=>[ 'label'=>'Checkbox' ] ]); // By name - checked list checkbox echo AwesomeCheckbox::widget([ 'name'=>'test', 'checked' => 'id1', // you can use string or array with values for list 'list'=>[ // array data 'id1'=>'item1', 'id2'=>'item2' ], 'options'=>[ 'label'=>'Checkbox' ] ]);