widget - select2 和 Pjax 在 yii2 中不能一起工作

Question

当我在 yii2 中使用 pjax 时。 selec2 小部件停止工作。而 select2 单独工作。 (不一起工作)

我同时使用 select2 小部件和 pjax。但是当用 pjax 提交表单时。在新表格中，select2 不起作用。 (只显示加载 img)。请帮助我有什么问题？

我想同时使用两者。

select2 extention page

Answer 1

在 View 中:

<?php
use yii\helpers\Hrml;
use yii\widgets\Pjax;


/* @var $this yii\web\View */
/* @var $model app\models\Vitrin */

?>

<?php Pjax::begin(); ?>
<?php
if($model->getProductTypeSetting()=='both')
{
    echo $this->render('_form', [
        'model' => $model,
    ]);
}
?>
<?php Pjax::end(); ?>

以_形式:

<!-- BEGIN PAGE CONTENT-->
<?= Html::beginForm(['vitrin/index', 'id' => $id], 'post'['data-pjax' => '']); ?>
<?= Html::activeInput('text', $model, 'name', ['class' => $username]) ?>
<?= Html::submitButton('Submit', ['class' => 'submit']) ?>
<?= Html::endForm() ?>
<!-- END PAGE CONTENT-->

在 Controller 中:

if(Yii::$app->request->post('productType'))
{
$model->productType = $_POST['productType'];
if($model->productType=='physical')
{
return $this->renderAjax('_formProduct', ['products' => $this->getProductName()]);
}
else
throw new \yii\web\HttpException(406, Yii::t('app', 'Your request is invalid.'));
}

在 _formProduct 中:

<!-- BEGIN PAGE CONTENT-->
<?= Html::beginForm(['vitrin/index', 'id' => $id], 'post', ['data-pjax' => '']); ?>
<?php
echo Select2::widget([
'name' => 'name',
'data' => [1 => "First", 2 => "Second", 3 => "Third", 4 => "Fourth", 5 => "Fifth"],
'options' => [
 'placeholder' => 'Select a type ...',
 ],
 ]);
 ?>
 <?= Html::submitButton('Submit', ['class' => 'submit']) ?>
 <?= Html::endForm() ?>
 <!-- END PAGE CONTENT-->

和 AppAssets 类:

class AppAsset extends AssetBundle
{
public $basePath = '@webroot/themes/backend';
public $baseUrl = '@web/themes/backend/assets_t';
public $css = [
'bootstrap-rtl/css/bootstrap-rtl.min.css',
'bootstrap-rtl/css/bootstrap-responsive-rtl.min.css',
'font-awesome/css/font-awesome.css',
'fancybox/source/jquery.fancybox.css',
'uniform/css/uniform.default.css',
];
public $js = [
'bootstrap-rtl/js/bootstrap.min.js',
'js/jquery.blockui.js',
'uniform/jquery.uniform.min.js',
];

当使用 pjax 提交 _form 时。在 _formProduct 中，select2 不起作用。 (只显示加载 img)。

一般，当我使用Pjax时，其他Js代码都被停用了。