且试天下 2016-08-19 09:12:20 7312次浏览 1条评论 7 3 0

1111.jpg

上面的是最终效果图

首先引入switch控件所需的css和js bt官网上有

扩展一个widget

class SwitchInput extends InputWidget {
    public function run() {
        parent::run();
        $attribute = $this->attribute;
        $value = $this->model->$attribute;
        $inputname = Html::getInputName($this->model,$attribute);
        $inputid =  Html::getInputId($this->model,$attribute);
        $content = "<div class='switch' data-on= 'success' data-off= 'warning'>";
        if($value) {
            $content .= "<input type='checkbox' id='{$inputid}' checked name='{$inputname}' value='1'/>";
        } else {
            $content .= "<input type='checkbox' id='{$inputid}' name='{$inputname}'/>";
        }
        $content .= "</div>";
        echo $content;
    }
}

在视图中这样调用

<?= $form->field($model,'isshow')->widget(SwitchInput::className()) ?>

<?= $form->field($model,'ismenu')->widget(SwitchInput::className()) ?>
觉得很赞
您需要登录后才可以评论。登录 | 立即注册