Implemented ability to use widget as column type

Author: Eugene Tupikov

examples/models/ExampleModel.php

@@ -42,12 +42,12 @@ public function init()
 
         $this->schedule = [
             [
-                'day'       => 0,
+                'day'       => '27.02.2015',
                 'user_id'   => 1,
                 'priority'  => 1
             ],
             [
-                'day'       => 0,
+                'day'       => '27.02.2015',
                 'user_id'   => 2,
                 'priority'  => 2
             ],

examples/views/example.php

@@ -5,6 +5,9 @@
 use unclead\widgets\examples\models\ExampleModel;
 use yii\helpers\Html;
 
+// Note: You have to install https://github.com/kartik-v/yii2-widget-datepicker for correct work an example
+use kartik\date\DatePicker;
+
 /* @var $this \yii\base\View */
 /* @var $model ExampleModel */
 ?>
@@ -18,7 +21,8 @@
 ]);?>
 
 <h3>Single column</h3>
-<?= $form->field($model, 'emails')->widget(MultipleInput::className(), [
+<?php
+    echo $form->field($model, 'emails')->widget(MultipleInput::className(), [
         'limit' => 5
     ])
     ->label(false);
@@ -40,18 +44,20 @@
         ],
         [
             'name'  => 'day',
-            'type'  => 'dropDownList',
+            'type'  => DatePicker::className(),
             'title' => 'Day',
             'value' => function($data) {
                 return $data['day'];
             },
-            'defaultValue' => 1,
             'items' => [
                 '0' => 'Saturday',
                 '1' => 'Monday'
             ],
             'options' => [
-
+                'pluginOptions' => [
+                    'format' => 'dd.mm.yyyy',
+                    'todayHighlight' => true
+                ]
             ]
         ],
         [

src/MultipleInput.php

@@ -11,6 +11,7 @@
 use Yii;
 use yii\base\InvalidConfigException;
 use yii\base\Model;
+use yii\web\View;
 use yii\widgets\InputWidget;
 use yii\helpers\Json;
 use yii\db\ActiveRecord;
@@ -49,6 +50,11 @@ class MultipleInput extends InputWidget
      */
     protected $template;
 
+    /**
+     * @var array js templates collected from js which has been registered during rendering of widgets
+     */
+    protected $jsTemplates = [];
+
     /**
      * @var string
      */
@@ -219,10 +225,26 @@ private function getRowTemplate()
             $this->template .= Html::tag('tr', implode("\n", $cells), [
                 'class' => 'multiple-input-list__item',
             ]);
+
+            if (is_array($this->getView()->js) && array_key_exists(View::POS_READY, $this->getView()->js)) {
+                $this->collectJsTemplates();
+            }
         }
+
         return $this->template;
     }
 
+    private function collectJsTemplates()
+    {
+        $this->jsTemplates = [];
+        foreach ($this->getView()->js[View::POS_READY] as $key => $js) {
+            if (preg_match('/\(.#[^)]+{index}[^)]+\)/', $js) === 1) {
+                $this->jsTemplates[] = $js;
+                unset($this->getView()->js[View::POS_READY][$key]);
+            }
+        }
+    }
+
     /**
      * Renders the action column.
      *
@@ -268,7 +290,12 @@ private function renderRow($index, $data = null)
             $replace[] = $column->prepareValue($data);
         }
 
-        return str_replace($search, $replace, $this->getRowTemplate());
+        $row = str_replace($search, $replace, $this->getRowTemplate());
+
+        foreach ($this->jsTemplates as $js) {
+            $this->getView()->registerJs(strtr($js, ['{index}' => $index]), View::POS_READY);
+        }
+        return $row;
     }
 
     /**
@@ -339,6 +366,7 @@ public function registerClientScript()
             [
                 'id'            => $this->getId(),
                 'template'      => $this->getRowTemplate(),
+                'jsTemplates'   => $this->jsTemplates,
                 'btn_action'    => self::ACTION_REMOVE,
                 'btn_type'      => 'btn-danger',
                 'limit'         => $this->limit,

src/MultipleInputColumn.php

@@ -81,7 +81,7 @@ public function init()
             $this->type = self::TYPE_TEXT_INPUT;
         }
 
-        if (!empty($this->options)) {
+        if (empty($this->options)) {
             $this->options = [];
         }
     }
@@ -163,6 +163,11 @@ public function renderCellContent($value)
             default:
                 if (method_exists('yii\helpers\Html', $type)) {
                     $input = Html::$type($name, $value, $options);
+                } elseif (class_exists($type) && method_exists($type, 'widget')) {
+                    $input = $type::widget(array_merge($options, [
+                        'name'  => $name,
+                        'value' => $value,
+                    ]));
                 } else {
                     throw new InvalidConfigException("Invalid column type '$type'");
                 }

src/assets/src/js/jquery.multipleInput.js

@@ -13,6 +13,7 @@
     var defaultOptions = {
         id: null,
         template: null,
+        jsTemplates: [],
         btn_action: null,
         btn_type: null,
         limit: 1,
@@ -92,6 +93,11 @@
                 methods.addAttribute.apply(this);
             });
 
+            var jsTemplate;
+            for (i in settings.jsTemplates) {
+                jsTemplate = settings.jsTemplates[i].replaceAll('{index}', data.currentIndex);
+                window.eval(jsTemplate);
+            }
             wrapper.data('multipleInput').currentIndex++;
         },