如何为Yi2扩展kartik fileInput小部件

Question

我是Yii2新手，我需要修改Yii2中kartiks FileInput小部件的registerassebundle（）函数。我意识到这是在供应商文件夹中，所以我想做一个覆盖。仅供参考，这是使用高级模板。有人能告诉我为什么我不能超越或者我做错了什么吗？是的，我只是没有拿起这个文件/没有阻塞/没有错误/什么都没有，只是继续它的快乐方式，并将我的页面呈现为正常。

在common\components中，我有一个名为FileInputVeride的文件。php:

   namespace common\components;
   use Yii;
   use \kartik\file\FileInput;

   class FileInputOveride extends \kartik\file\FileInput
   {
     //...override function, ...do stuff...

编辑-这里还有一些代码：

这是表格顶部的声明。使用fileInput的php

use yii\helpers\Html;
use yii\widgets\ActiveForm;
use yii\helpers\Url;
use yii\bootstrap\Modal;
use kartik\widgets\FileInput; <-- if I take this out, it errors that it cant find ::FileInput
use common\components\FileInputOveride; <--this has no effect

这一行下面是一些视图html，直到我们进入fileInput字段，该字段如下所示：

<?=
                //fileinput widget for single file upload
                 $form->field($model, 'cover_file')->widget(FileInput::classname(), 
                    [
                    'options'=>
                        [
                            'accept'=>'image/*',
                            'multiple' => false, 
                            'id'=>'cover_file',

                        ],
                    'pluginOptions' => 
                        [
                            'uploadUrl' => $upload_url,
                            'maxFileCount' => 1,
                            'allowedFileExtensions' => ['jpg', 'png','jpeg'],
                            'initialPreviewShowUpload' => false,
                            'uploadAsync'=> false,
                            'autoReplace'=>true,

                        ],
                    'pluginEvents' => 
                        [
                            'fileuploaded'=>"function(event, data, previewId, index){
                                 $.get( './call-image?id=".$model->id."', function( response ) {
                                      $('#thumb-container-image').html(response);
                                });
                            }",

                        ],
                ])->label(false);
            ?>

正在尝试重写此kartik FileInput中的registerAssetBundle（）函数。php和我自己的FileInputVeride。php:

namespace kartik\file;

use Yii;
use yii\helpers\ArrayHelper;
use yii\helpers\Html;
use kartik\base\InputWidget;
use kartik\base\TranslationTrait;

/**
 * Wrapper for the Bootstrap FileInput JQuery Plugin by Krajee. The FileInput widget is styled for Bootstrap 3.x with
 * ability to multiple file selection and preview, format button styles and inputs. Runs on all modern browsers
 * supporting HTML5 File Inputs and File Processing API. For browser versions IE9 and below, this widget will
 * gracefully degrade to normal HTML file input.
 *
 * @see http://plugins.krajee.com/bootstrap-fileinput
 * @see https://github.com/kartik-v/bootstrap-fileinput
 *
 * @author Kartik Visweswaran <[e-mail]>
 * @since 2.0
 * @see http://twitter.github.com/typeahead.js/examples
 */
class FileInput extends InputWidget
{

这里是整个FileInputOveride.php文件：

namespace common\components;
use Yii;

class FileInputOveride extends \kartik\file\FileInput
{
     /**
     * Registers the asset bundle and locale
     */
    public function registerAssetBundle()
    {
        $view = $this->getView();
        if ($this->resizeImages) {
            PiExifAsset::register($view);
            $this->pluginOptions['resizeImage'] = true;
        }
        $theme = ArrayHelper::getValue($this->pluginOptions, 'theme');
        if (!empty($theme) && in_array($theme, self::$_themes)) {
            FileInputThemeAsset::register($view)->addTheme($theme);
        }
        if ($this->sortThumbs) {
            SortableAsset::register($view);
        }
        if ($this->purifyHtml) {
            DomPurifyAsset::register($view);
            $this->pluginOptions['purifyHtml'] = true;
        }

//above is the existing code          
//below is the additional code i added to this function
      $assetsRegistered =  FileInputAsset::register($view)->addLanguage($this->language, '', 'js/locales');

      //array of pages/paths we dont want to include the asset on
      $pageArray = ['releases/update'];

      //array of assets we dont want to use for the above pages
      $fileArray = ['js/fileinput.js'];

      //for each page, see if the file(s) specified is/are included, if so, unset them in the assets array
      foreach($pageArray as $path)

          if(in_array($path, $pageArray)){

            foreach($fileArray as $file){

                if(in_array($file,$assetsRegistered->js)){
                  $key=  array_search($file, $assetsRegistered->js);
                  unset($assetsRegistered->js[$key]);
                }
            }
        }
    }

}

另外，我还可以使用该语法从其操作中列出属于操作/视图的资产。

因此：

public function actionUpdate(){
 //show me all the js registered to this page

谢谢大家！

Answer 1

以你的形式。php文件使用“FileInputUtoveride:：classname（）”而不是“FileInput:：classname（）”——然后可以删除kartik输入的使用行。当你扩展任何插件时，你必须调用你的插件类名，而不是你扩展的插件。