Я использую Yii2 и имею gridview с ExpandRowColumn
и в одном столбце у меня есть для каждой строки Select2 и маленький div с кнопкой. Мне удалось добавить класс css kv-disable-click
для каждого элемента. Я не хочу запускать расширение, но застреваю в Select2:
Я пробовал выбор, добавляя class
или containerClass
к select2
Я пробовал также с 'rowClickExcludedTags'=>['select'],
но никогда не заставляйте его работать, и всякий раз, когда я нажимаю «Выбрать», он все равно запускает расширение.
Для столбцов:
$gridColumns = [
[
'class' => 'kartik\grid\ExpandRowColumn',
'contentOptions' => ['style' => 'width:20px; white-space: normal;'],
'value' => function ($model, $key, $index, $column) {
return GridView::ROW_COLLAPSED;
},
'detail' => function ($model, $key, $index, $column) {
return Yii::$app->controller->renderPartial('_expand-row-details', ['model' => $model]);
},
'header'=>'',
'heeaderOptions' => ['class' => 'kartik-sheet-style'],
'allowBatchToggle'=>false,
'expandOneOnly' => true,
'enableRowClick'=>true,
],
.....
,
[
'attribute' =>'varietes',
'label'=> 'Variétés',
'format'=>'raw',
'value' => function($model){
$items= ArrayHelper::map($model->varietes,'IDVarietes','Nom');
$leSelect2 = Select2::widget([
'name'=>'varietes_select'.$model->IDPlantes,
'size'=>Select2::SMALL,
'readonly'=>true,
'data' => $items,
'hideSearch'=>true,
'pluginEvents' => [
"select2:opening" => "function() {
$('.my-select2-list option').attr('disabled', 'disabled');
}",
],
'language' => 'fr',
'options' => ['placeholder' => 'Variétés disponibles ...',
'id'=>'varietes_select'.$model->IDPlantes,
'class'=>'my-select2-list kv-disable-click',
'containerCssClass'=>'kv-disable-click'],
'pluginOptions' => [
'allowClear' => false,
'width'=>'80%',
],
]);
if (count($items) >0){
['class' => 'drop-in-gridview', 'id' => 'varietes_select']);
$retour = $leSelect2;
}else{
$retour = "--";
}
$url ='<a href = "/index.php?r=variete%2Findex& planteId='.$model->IDPlantes.'"class = "kv-disable-click">';
$laDiv= $url. '<div title = "Ajouter ou modifier une variété" class = "div-varietes-border" class = "kv-disable-click"> <i class = "glyphicon glyphicon-pencil pull-right kv-disable-click" ></i><i class = "glyphicon glyphicon-plus-sign pull-right kv-disable-click" ></i></div></a>';
$boutons = Html::tag('div',$laDiv,['class'=>'div-zone-varietes kv-disable-click']);
return $retour.$boutons;
},
'contentOptions' => ['style' => 'width:250px; white-space: normal;font-weight:600;','class'=>'kv-disable-click'],
],
В конце концов я нашел решение для javascript и добавил следующий код в свое представление. Итак, теперь событие click по-прежнему обрабатывается Select, но больше не всплывает в строку сетки:
<?php
//To avoid the expand of the detailsView when clicking on the Select
$this->registerJs(
"$('.select2-selection').on('click', function(e) { e.stopPropagation();});",
View::POS_READY,
'my-button-handler'
);
?>
покажите какой-нибудь код, а не только ваше объяснение