快捷導(dǎo)航

Yii框架小部件（Widgets）用法實例詳解

更新時間：2020年05月15日 11:19:14 作者：人生如初見_張默

這篇文章主要介紹了Yii框架小部件（Widgets）用法,結(jié)合實例形式詳細(xì)分析了Yii框架小部件（Widgets）基本功能、創(chuàng)建、使用方法及操作注意事項,需要的朋友可以參考下

小部件 ¶

小部件是在視圖中使用的可重用單元，使用面向?qū)ο蠓绞絼?chuàng)建復(fù)雜和可配置用戶界面單元。例如，日期選擇器小部件可生成一個精致的允許用戶選擇日期的日期選擇器，你只需要在視圖中插入如下代碼：

<?php
use yii\jui\DatePicker;
?>
<?= DatePicker::widget(['name' => 'date']) ?>

Yii提供許多優(yōu)秀的小部件，比如active form, menu, jQuery UI widgets, Twitter Bootstrap widgets。接下來介紹小部件的基本知識，如果你想了解某個小部件請參考對應(yīng)的類API文檔。

使用小部件

小部件基本上在views中使用，在視圖中可調(diào)用 yii\base\Widget::widget() 方法使用小部件。該方法使用配置數(shù)組初始化小部件并返回小部件渲染后的結(jié)果。例如如下代碼插入一個日期選擇器小部件，它配置為使用俄羅斯語，輸入框內(nèi)容為$model的from_date屬性值。

<?php
use yii\jui\DatePicker;
?>
<?= DatePicker::widget([
  'model' => $model,
  'attribute' => 'from_date',
  'language' => 'ru',
  'dateFormat' => 'php:Y-m-d',
]) ?>

一些小部件可在yii\base\Widget::begin() 和 yii\base\Widget::end() 調(diào)用中使用數(shù)據(jù)內(nèi)容。例如如下代碼使用yii\widgets\ActiveForm小部件生成一個登錄表單，小部件會在begin() 和0 end()執(zhí)行處分別生成<form>的開始標(biāo)簽和結(jié)束標(biāo)簽，中間的任何代碼也會被渲染。

<?php
use yii\widgets\ActiveForm;
use yii\helpers\Html;
?>
 
<?php $form = ActiveForm::begin(['id' => 'login-form']); ?>
 
  <?= $form->field($model, 'username') ?>
 
  <?= $form->field($model, 'password')->passwordInput() ?>
 
  <div class="form-group">
    <?= Html::submitButton('Login') ?>
  </div>
 
<?php ActiveForm::end(); ?>

注意和調(diào)用 yii\base\Widget::widget() 返回渲染結(jié)果不同，調(diào)用 yii\base\Widget::begin() 方法返回一個可組建小部件內(nèi)容的小部件實例。

注意： 當(dāng)調(diào)用 yii\base\Widget::end() 的時候，一些小部件將使用輸出緩沖來調(diào)整封閉的內(nèi)容。因此，當(dāng)調(diào)用 yii\base\Widget::begin() 和 yii\base\Widget::end() 時，最好在同一個視圖文件里。不遵循這個規(guī)則可能會導(dǎo)致意外的輸出。

配置全局默認(rèn)值

小部件的全局默認(rèn)值可以通過 DI 容器配置:

\Yii::$container->set('yii\widgets\LinkPager', ['maxButtonCount' => 5]);

詳見依賴注入容器 "實踐中的應(yīng)用" 一節(jié) 。

創(chuàng)建小部件

繼承 yii\base\Widget 類并覆蓋 yii\base\Widget::init() 和/或 yii\base\Widget::run() 方法可創(chuàng)建小部件。通常init() 方法處理小部件屬性， run() 方法包含小部件生成渲染結(jié)果的代碼。渲染結(jié)果可在run()方法中直接"echoed"輸出或以字符串返回。

如下代碼中HelloWidget編碼并顯示賦給message 屬性的值，如果屬性沒有被賦值，默認(rèn)會顯示"Hello World"。

namespace app\components;
 
use yii\base\Widget;
use yii\helpers\Html;
 
class HelloWidget extends Widget
{
  public $message;
 
  public function init()
  {
    parent::init();
    if ($this->message === null) {
      $this->message = 'Hello World';
    }
  }
 
  public function run()
  {
    return Html::encode($this->message);
  }
}

使用這個小部件只需在視圖中簡單使用如下代碼:

<?php
use app\components\HelloWidget;
?>
<?= HelloWidget::widget(['message' => 'Good morning']) ?>

以下是另一種可在begin() 和 end()調(diào)用中使用的HelloWidget， HTML編碼內(nèi)容然后顯示。

namespace app\components;
 
use yii\base\Widget;
use yii\helpers\Html;
 
class HelloWidget extends Widget
{
  public function init()
  {
    parent::init();
    ob_start();
  }
 
  public function run()
  {
    $content = ob_get_clean();
    return Html::encode($content);
  }
}

如上所示，PHP輸出緩沖在init()啟動，所有在init() 和 run()方法之間的輸出內(nèi)容都會被獲取，并在run()處理和返回。

信息： 當(dāng)你調(diào)用 yii\base\Widget::begin() 時會創(chuàng)建一個新的小部件實例并在構(gòu)造結(jié)束時調(diào)用init()方法，在end()時會調(diào)用run()方法并輸出返回結(jié)果。

如下代碼顯示如何使用這種 HelloWidget:

<?php
use app\components\HelloWidget;
?>
<?php HelloWidget::begin(); ?>
 
  content that may contain <tag>'s
 
<?php HelloWidget::end(); ?>

有時小部件需要渲染很多內(nèi)容，一種更好的辦法是將內(nèi)容放入一個視圖文件，然后調(diào)用yii\base\Widget::render()方法渲染該視圖文件，例如：

public function run()
{
  return $this->render('hello');
}

小部件的視圖文件默認(rèn)存儲在WidgetPath/views目錄，WidgetPath代表小部件類文件所在的目錄。假如上述示例小部件類文件在@app/components下，會渲染@app/components/views/hello.php視圖文件。 You may override 可以覆蓋yii\base\Widget::getViewPath()方法自定義視圖文件所在路徑。