【问题标题】:(Yii2) submitButton =>Converting onclick function to siteControllers?(Yii2) submitButton => 将 onclick 函数转换为 siteControllers?
【发布时间】:2017-04-02 18:58:57
【问题描述】:

index.php

<?php  use yii\helpers\Html; ?>

<?= Html::submitButton('tew',

['class' => 'btn btn-primary',

'onClick'=>'buttonClicked']) ?>

siteController.php

public function actionIndex()
    {
        if($buttonClicked)
           {

        echo "Button Clicked";

}
        return $this->render('index');

那么如何在siteContoller中调用按钮点击函数

【问题讨论】:

    标签: yii2 yii2-basic-app


    【解决方案1】:

    如果您需要检查特定的提交按钮,您必须为其命名并指定一个值 可以通过这种方式获取提交

     'value'=>'create_add', 'name'=>'submit'
        <?= Html::submitButton('tew',['class' => 'btn btn-primary', 
                'value'=>'my_value', 'name'=>'submit',
              'onClick'=>'buttonClicked']) ?>
    

    然后在您的控制器中,您可以检查是否单击了特定按钮

    public function actionIndex()
    {
       if (Yii::$app->request->post('submit')==='my_value') {
          echo "Button my_value Clicked";
       } 
       return $this->render('index');
    }
    

    在您的情况下,您必须添加值

    <?php  
    
    use yii\helpers\Html; 
    
    ?>
    
    <?= Html::submitButton('tew',['class' => 'btn btn-primary', 
                    'value' => 'my_value', // you must add  a proper value to check in action 
                    'onClick'=>'buttonClicked']) ?>
    

    【讨论】:

    • 当您提交表单时,控制器中的操作在服务器端执行...不是在浏览器中本地执行...在您的代码中,您在发生 clik 事件时调用一个函数 buttonClicked ..然后尝试删除' onClick'=>'buttonClicked' 形成您的按钮代码..(可能是您没有正确的 buttonClicked 功能并且代码失败)...检查您的浏览器控制台单击后会发生什么..
    • 在浏览器控制台中单击“未捕获的引用错误按钮单击未定义”
    • 如预期的那样..您调用了一个不存在的函数..那么您有两个选择..或者您从您的按钮中删除代码 'onClick'=>'buttonClicked' 等等php 代码被调用并执行.. 或者您添加一个名为 buttonClicked() 的适当 javascript 函数并在此函数中执行您想要的操作.. 希望这很清楚..
    • siteController.php => 公共函数 actionAdd(){ echo "asdasdasdasd"; } index.php => = Html::submitButton('tew',[ 'id'=>'q1', 'class' => 'btn btn-primary', ]) ?> ajax.js=> 'q1', 'class' => 'btn btn-primary', ]) ?>
    • 抱歉打错了
    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2015-12-12
    • 2019-03-02
    • 2020-10-31
    • 2016-01-24
    • 2016-03-02
    • 1970-01-01
    相关资源
    最近更新 更多