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',
    ];
}

Answer 1

首先安装官方JUI Extension for Yii 2。

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

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

在这种情况下，

yii\web\JqueryAsset不是必需的，因为JuiAsset已经将它包含在依赖项列表中，因此它也将被包含在内。

Answer 2

由于接受的答案在Yii 2.10中不再有效，我将添加我的解决方案。

现在必须包含CoreAsset以及所需的jui组件。其他组件依赖于CoreAsset，例如，如果要使用draggable，请执行：

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

如何将jQuery UI添加到Asset Bundle

2 个答案: