0

我目前是 Yii 框架的新手，我想知道是否有人有很好的 Javascript 示例或经验来帮助我创建 ajax 提交按钮。这个提交按钮的全部目的是收藏当前页面并将数据发送到所需的/。按钮的标签必须根据数据库中的信息（按钮标签 -> 收藏或不收藏）而改变。

这是我的基本按钮的当前功能。我想做下一步并开始使用 ajax。如果有人有兴趣教新手。我会准备好迎接挑战。

<div>
    <?php echo CHtml::button('Favorite', array('submit'=>array('user/favoritePage', 'playerId'=>$player->id, 'pageId'=>$page->id, 'bool'=>'FALSE'))); ?>
</div>
4

2 回答 2

1

你会想要使用CHtml::ajaxButton()： http ://www.yiiframework.com/doc/api/1.1/CHtml#ajaxButton-detail

这是一个关于如何使用它的教程：http ://www.yiiframework.com/wiki/49/update-content-in-ajax-with-renderpartial/

如果您希望更改按钮的标题，请在视图中放置一个条件，并确保在 ajax 结果中返回您的按钮。

于 2013-08-08T17:53:03.450 回答
1 
$toggle = $model->is_favourite? "false": "true";

$actionUrl = Yii::app()->createUrl('user/favoritePage', array(
    'playerId'=>$player->id, 'pageId'=>$page->id
));


//render input type=submit with id=favourite-button
echo CHtml::ajaxSubmitButton(
    ($model->is_favourite? 'Favourite' : 'Un-Favourite'), //label button
    $actionUrl,
    array(
        'data' => 'js:{bool: $("#favourite-button").attr("toggle")}', //get current status of button (favourite or not) as param to post
        'success'=>'js:function(data){
//ajax success, update label and status of button for next time
        data = $.parseJSON(data);
        $("#favourite-button").val(data["label"]);
        $("#favourite-button").attr("toggle", data["toggle"]);
        }'

    ),
    array(
        'id'        => 'favourite-button', // set id for button
        'toggle'    => $toggle // set attribute to hold favourite status, or you can set it on hidden field instead and then update the selector on ajax success 
    )
);

在控制器用户

public function actionfavoritePage(){
if( Yii::app()->request->isAjaxRequest(){ // this check is not necessary if you write this function just for ajax call only

$playerId- = $_GET['playerId']; // get query string
$pageId- = $_GET['pageId']; // get query string
$bool = $_POST['bool']; // get status true OR false 

//do your stuff to save status here
...


//then return result as json
echo json_encode(array('label' => '[your new button label]', 'toggle'=>$bool?'false':'true'));

exit();
})


}
于 2013-08-08T18:30:59.460 回答