单击按钮时触发警报

Question

当我单击该按钮时，不会执行警报。我做错了什么？也许我需要在标头部分包含一些 js 文件？

这是我的登录表单视图：

<?php echo CHtml::beginForm(); ?>

<div class="row">
<?php echo CHtml::label('username', 'username'); ?>
<?php echo CHtml::textField('username'); ?>
</div>
<div class="row">
<?php echo CHtml::label('password', 'password'); ?>
<?php echo CHtml::textField('password'); ?>
</div>
<?php
echo CHtml::ajaxButton('sign in', array('site/login'),array(
        'type'=>'POST',
        'update'=>'#mydiv',
        'beforeSend' => 'function(){
            alert("beforeSend");
        }',
        'complete' => 'function(){
            alert("complete");
            }',

));
?>
<?php echo CHtml::endForm(); ?>
<div id="mydiv" style="color:white;">...</div>

这是我在控制器中的代码：

public function actionLogin()
{
    $this->renderPartial('//blocks/user_info');
}

user_info 只是回显一些文本

Answer 1

不确定这是否是您的问题，但 renderPartial() 不能很好地与 AJAX 配合使用。这是一个已知的 Yii 问题：

http://www.yiiframework。 com/forum/index.php/topic/24699-yii-20-ajaxrenderpartial-conflict/
http://www.yiiframework.com/forum/index.php?/topic/10427-ajax-clientscript

当我尝试通过 AJAX 加载表单，然后使用 CHtml::ajaxSubmitButton 将其提交回来时，我遇到了问题。

Answer 2

试试这个

<代码>
this->renderPartial('//blocks/user_info','', false, true);

Answer 3

在我的代码中它可以尝试这个

<?php
echo CHtml::ajaxSubmitButton('Save','your-url',array(
   'type'=>'POST',
   'dataType'=>'json',
   'success'=>'js:function(data){
       if(data.result==="success"){
          // do something on success, like redirect
       }else{
         $("#some-container").html(data.msg);
       }
   }',
));
?>

Answer 4

beforeSend 有效吗？如果你尝试“成功”而不是“完成”怎么办？

Answer 5

我也有这个问题（bug？）。
尝试在此视图中更改“beforeSend”和其他回调：

'beforeSend':'js:alert("complete");'

不使用“function(){}”并使用“js”。

聚苯乙烯
抱歉，我的英语不好（

Answer 6

这是 Yii Ajax 提交按钮的简单示例：

<?php
echo CHtml::ajaxSubmitButton(
'Submit',
'your-url',
array(
   'type'=>'POST',
   'dataType'=>'json',
   'success'=>'js:function(data){
       if(data.result==="success"){
          // do something on success, like redirect
       }else{
         $("#some-container").html(data.msg);
       }
   }',
)
);
?>

更多详细信息请访问 http://www.codexamples.com /90/chtml-ajaxsubmitbutton/

Answer 7

视图中的 Ajax 提交按钮：

echo CHtml::ajaxSubmitButton('Save', array('/controller/action/id/' .     $id), array(
                'type' => 'post',
                'dataType' => 'json',
                'update' => '#mydiv',
                'beforeSend' => 'function(){}',
                'complete' => 'function(){}',
                'success' => 'js:function(data){
                    if(data.status=="1"){
                        html = "<div class=\"alert in alert-block fade alert-success\"><a class=\"close\" data-dismiss=\"alert\">x</a>"+data.msg+"</div>";
                        $("#status-msg").html(html);

                        }else{
                        html = "<div class=\"alert in alert-block fade alert-error\"><a class=\"close\" data-dismiss=\"alert\">x</a>"+data.msg+"</div>";
                        $("#status-msg").html(html);
                        }
                    }',
                    ), array('class' => "btn btn-primary")
            );

在控制器操作中：

        $return = array();
        $return['status'] = '1';
        $return['msg'] = 'Record Updated Successfully';

        echo CJSON::encode($return);
        Yii::app()->end();

根据要求更改返回数组。

Answer 8

您必须将 renderPartial 函数的第四个参数设置为 true，以便 Yii 包含视图正常工作所需的 JS 文件。

$this->renderPartial('_form',array('model'=>$model), false, true);

Answer 9

在控制器函数中，您需要再发送 3 个参数（总共 4 个参数），

您的函数将如下所示

public function actionLogin()
{
  this->renderPartial('//blocks/user_info','',false,true);
}