YII小部件介绍和用法示例

小部件是客户端(包含JavaScript, HTML和CSS)上可重用的构建块。它们用于在视图中创建复杂且可配置的用户界面元素。

例如, “进度”小部件和”日期选择器”小部件可以在你的应用程序中创建进度栏和设计师日期选择器。

使用小部件

窗口小部件主要用于视图中。要调用小部件, 你可以调用,

yii\base\Widget::widget()

此方法采用用于初始化小部件的配置数组。

例如, 以下代码插入配置为使用俄语的日期选择器小部件。

<?php
use yii\jui\DatePicker;
?>
<?= DatePicker::widget([
    'model' => $model, 'attribute' => 'from_date', 'language' => 'ru', 'clientOptions' => [
        'dateFormat' => 'yy-mm-dd', ], ]) 
?>

例子

在此示例中, 我们将使用进度小部件。

步骤1在前端目录的SiteController.php文件中创建操作actionWidget()。

public function actionWidget() 
    { 
   return $this->render('widget'); 
    }

看上面的代码, 我们正在渲染到view文件夹中的小部件页面。

步骤2在前端目录的views / site文件夹中创建一个widget.php页面。

<?php 
   use yii\bootstrap\Progress; 
?> 
<?= Progress::widget(['percent' => 99, 'label' => 'Loading 99%']) ?>

步骤3在带有URL的浏览器中运行它,

http：//localhost/wid/frontend/web/index.php？r = site / widget

下载此示例