Question

这是我的第一篇文章......

我正在使用Yii-Booster在购物网站上工作，但我现在很难过！基本上我想要实现的是，当用户将产品添加到购物车时，显示确认消息的模式显示然后更新购物车的div以反映新的总数。

真的很简单，没有？我花了一整天的时间试图让它发挥作用。我们非常感谢您提供的任何帮助。

哦，是的......还有一件事，导航栏中的下拉菜单在几乎任何类型的AJAX动作（加载模态等）后停止工作。我猜它是由某个地方的冲突引起的，但我完全迷失在Jquery / Ajax中。

感谢您的回复。这是我的代码：

StoreController：

// action allowing a product to be added to the shopping cart
public function actionAddToCart($id)
{
    //fetch item
    $item = Item::model()->findByPk($id);

    //if item is in cart
    if(Yii::app()->shoppingCart->contains($id))
    {
        //Yii::app()->clientScript->scriptMap['jquery.js'] = true;
        //$this->renderPartial('_addToCart',array('data'=>$data),false,true);           
        echo CJSON::encode(
            array(
                //'total'=>'Your Cart (N'.number_format(Yii::app()->shoppingCart->getCost()).')',
                'addCart'=>$this->renderPartial('_inCart',array('item'=>$item),true),
            )
        );
        //CHtml::ajax();
    }
    else
    {
        Yii::app()->shoppingCart->put($item);
        //Yii::app()->clientScript->scriptMap['jquery.js'] = true;
        //$this->renderPartial('_addToCart',array('data'=>$data),false,true);
        //$this->renderPartial('_addToCart',array('item'=>$item),false,true);
        echo CJSON::encode(
            array(
                'total'=>'Your Cart (N'.number_format(Yii::app()->shoppingCart->getCost()).')',
                'addCart'=>$this->renderPartial('_addToCart',array('item'=>$item),true),
            )
        );
    }
}

_display（显示产品的partialview）

<div style="float: left; display: inline; margin-right: 30px; margin-top: 20px;">
<img style="border: 1px solid black;" src="<?php echo Yii::app()->baseUrl; ?>/images/products/thumbs/<?php echo $data->image; ?>" />
<div style="font-size: 14px; margin-top: 3px;">
Name: <?php echo CHtml::ajaxLink($data->name, array("view", "id"=>$data->id), array('update'=>'#viewdetailsDiv',)); //array(), array('data-toggle'=>'modal','data-target'=>"#".$data->id)); ?><br/>
Category: <?=$data->category->category?><br/>
Gender: <?=$data->gender?><br/>
Price: <?php echo "N".number_format($data->price);?><br/>
<?php //echo CHtml::ajaxLink("Add to Cart", array("addtocart", "id"=>$data->id), array( 'update'=>'#addtocartDiv',)); ?>
<?php echo CHtml::ajaxLink("Add to Cart", array("addtocart", "id"=>$data->id), array( 'type'=>'POST', 'dataType'=>'json', 
    'success'=>'function(data){
        $("#Cart").html(data.total);            
        }'
    )
); ?>
</div>

以下是包含模态

的视图的代码

<?php $this->beginWidget('bootstrap.widgets.TbModal', array('id'=>'myModal', 'autoOpen'=>true, 'htmlOptions'=>array('style'=>'margin-top: 2px;'))); ?>

<div class="modal-header">
    <a class="close" data-dismiss="modal">&times;</a>
    <h4>Your Cart has been updated</h4>
</div>

<div class="modal-body">
    <p>The item, <strong><?php echo $item->name; ?></strong> (<?php echo $item->category->category; ?>),  has been added to your shopping cart.</p>
</div>

    <div class="modal-footer">
    <?php $this->widget('bootstrap.widgets.TbButton', array(
        'type'=>'primary',
        'label'=>'Close',
        'url'=>'#',
        'htmlOptions'=>array('data-dismiss'=>'modal'),
    )); ?>
</div>

<?php $this->endWidget(); ?>

Answer 1

我不能告诉你完美的解决方案，但可以给你一个关于Yii的建议，可以解决你的问题。始终加载第一个请求中使用的所有jquery或js文件。永远不要在任何ajax请求中再次加载任何js文件，这会产生很多问题。

你可以用简单的方式实现它

if(Yii::app()->request->isAjaxRequest){
    Yii::app()->clientScript->scriptMap['jquery.js'] = true; 
}

在Yii中使用Ajax更新值

1 个答案: