如何将jQuery UI添加到资产包中

Question

我有以下的资产包，我想将jQuery UI也作为其中的一部分添加进去。我该如何做到呢？

<?php
namespace app\assets;

use yii\web\AssetBundle;

class AdminAsset extends AssetBundle
{
    public $basePath = '@webroot/assets-admin';
    public $baseUrl = '@web/assets-admin';

    public $css = [
        'css/common.css',
        'css/animations.css',
        'css/editor.css',
        'css/form.css',
        'css/fileupload.css',
        'css/template.css',
        'css/icons.css',
    ];
    public $js = [
        'js/libs/modernizr.js',
        'js/script.js'
    ];
    public $depends = [
        'yii\web\JqueryAsset',
        'yii\web\YiiAsset',
    ];
} 

- Balaji Viswanath

Answer 1

首先安装官方的Yii 2 JUI扩展。

然后将yii\jui\JuiAsset添加到依赖资产列表中：

public $depends = [
    'yii\jui\JuiAsset',
    ...       
];

在这种情况下，不需要使用 yii\web\JqueryAsset ，因为 JuiAsset 已经在依赖列表中包含了它，因此它也将被包含。

- arogachev

Answer 2

由于 Yii 2.10 中已经不再适用原先被接受的答案，因此我将添加我的解决方案。

现在需要包含 CoreAsset 和所需的 jui 组件。其他组件依赖于 CoreAsset，因此例如如果您想使用 draggable，请执行以下操作：

public $depends = [
    //'yii\jui\CoreAsset', // included as dependency of draggable
    'yii\jui\DraggableAsset',
];

- 111