select2和Pjax在yii2中不一起工作

问题描述 投票:1回答:2

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

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

我想同时使用两者。

select2 extention page

widget yii2 jquery-select2 pjax
2个回答
0
投票

视图中:

<?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(); ?>

以_form:

<!-- 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-->

在控制器中:

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代码被停用。


0
投票

在您的视图标题中:

use kartik\select2\Select2Asset;

Select2Asset::register($this);

还要确保您具有最新的Select2小部件。

© www.soinside.com 2019 - 2024. All rights reserved.