YII小部件介绍和用法示例

小部件是客户端(包含JavaScript, HTML和CSS)上可重用的构建块。它们用于在视图中创建复杂且可配置的用户界面元素。
例如, “ 进度” 小部件和” 日期选择器” 小部件可以在你的应用程序中创建进度栏和设计师日期选择器。
使用小部件 窗口小部件主要用于视图中。要调用小部件, 你可以调用,

yii\base\Widget::widget()

此方法采用用于初始化小部件的配置数组。
例如, 以下代码插入配置为使用俄语的日期选择器小部件。
< ?phpuse 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
YII小部件介绍和用法示例

文章图片
【YII小部件介绍和用法示例】下载此示例

    推荐阅读