如何在按钮 Yii2 操作列上调用确认对话框?
How to call confirm dialog on button Yii2 Action column?
我正在使用 Kartik/grid。我有这个按钮在运行 column.How 我可以在点击它时有一个确认对话框,就像在 delete 中一样吗?
[
'class' => 'kartik\grid\ActionColumn',
'template'=>'{statement}',
'controller'=>'statement',
'buttons' => [
'pay' => function($url,$model) {
if($model->sum_balance<>0) {
return Html::a('Statement', $url, ['class'=>'pay btn btn-primary','data-pjax' => '0']);
} else {
return null;
}
},
]
],
这是你的村庄,
'buttons' => [
'pay' => function($url,$model) {
if($model->sum_balance<>0) {
return Html::a('Statement', $url, ['onClick' => 'return confirm("You'r confirmation message?")', 'class'=>'pay btn btn-primary','data-pjax' => '0']);
} else {
return null;
}
},
]
虽然 Mohan 的回答是正确的,但在 Yii2 中,有一种更简单的方法可以为您的按钮或 links 制作确认弹出窗口。只需将 data-confirm="Your question here" 作为 属性 添加到任何要触发确认框的按钮或 link。
'buttons' => [
'pay' => function($url,$model) {
if($model->sum_balance<>0) {
return Html::a('Statement', $url, ['data-confirm'=>"Your confirmation message?", 'class'=>'pay btn btn-primary','data-pjax' => '0']);
} else {
return null;
}
},
]
我正在使用 Kartik/grid。我有这个按钮在运行 column.How 我可以在点击它时有一个确认对话框,就像在 delete 中一样吗?
[
'class' => 'kartik\grid\ActionColumn',
'template'=>'{statement}',
'controller'=>'statement',
'buttons' => [
'pay' => function($url,$model) {
if($model->sum_balance<>0) {
return Html::a('Statement', $url, ['class'=>'pay btn btn-primary','data-pjax' => '0']);
} else {
return null;
}
},
]
],
这是你的村庄,
'buttons' => [
'pay' => function($url,$model) {
if($model->sum_balance<>0) {
return Html::a('Statement', $url, ['onClick' => 'return confirm("You'r confirmation message?")', 'class'=>'pay btn btn-primary','data-pjax' => '0']);
} else {
return null;
}
},
]
虽然 Mohan 的回答是正确的,但在 Yii2 中,有一种更简单的方法可以为您的按钮或 links 制作确认弹出窗口。只需将 data-confirm="Your question here" 作为 属性 添加到任何要触发确认框的按钮或 link。
'buttons' => [
'pay' => function($url,$model) {
if($model->sum_balance<>0) {
return Html::a('Statement', $url, ['data-confirm'=>"Your confirmation message?", 'class'=>'pay btn btn-primary','data-pjax' => '0']);
} else {
return null;
}
},
]