1

这是我第一次发帖......

我正在使用 Yii-Booster 开发一个购物网站,但我现在很困惑!基本上我想要实现的是,当用户将产品添加到购物车时,会显示一个显示确认消息的模式,然后更新带有购物车的 div 以反映新的总数。

真的很简单,init??我花了一整天的时间试图让它工作。您能提供的任何帮助将不胜感激。

哦,是的......还有一件事,导航栏中的下拉菜单在几乎任何类型的 AJAX 操作(加载模式等)后停止工作。我猜它是由某处的冲突引起的,但我完全迷失在 Jquery/Ajax 的东西中。

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

存储控制器:

// 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(显示产品的部分视图)

<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(); ?>
4

1 回答 1

0

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

您可以通过简单的方式实现它

if(Yii::app()->request->isAjaxRequest){
    Yii::app()->clientScript->scriptMap['jquery.js'] = true; 
}
于 2013-07-27T09:03:47.053 回答