DropDownList在Yii中影响ClistView

Question

I am still very new to this Yii framework, and I would like assistance with this code. I currently manage to get a dropdownlist dependent on another dropdownlist but I can't seem to get the dropdownlist to effect what gets displayed in the ClistView.

profile Controller

/* add a team message submitted by the coach of the team */
public function actionAddTeamMessage($id)
{
    /* check if team and message aren't null */
    if(isset($_POST['teamId']['addTeamMessage']))
    {
        try
        {
            /* creates a new message */
            $teamModel = new TeamMessage;
            $teamModel->teamId = $_POST['teamId'];
            $teamModel->content = $_POST['addTeamMessage'];
            $teamModel->sendTime = new CDbExpression('NOW()');
            $teamModel->save();
        }
        catch(Exception $e)
        {
            echo "Unable to save.";
        }
    }
    /* render the profile page for the current user */      
    $user=User::model()->findByPk($id);
    $this->render('profile', array(
        'model' => $user));
}

/* will handle functionality for the user dropdownlist ajax
 * under contructions
 */
public function actionDisplayMessage()
{
    $data = TeamMessage::model()->findAll('teamId=:teamId', array(
        ':teamId'=>(int) $_POST['teamId']
        )
    );

    $data=CHtml::listData($data,'id', 'content');

    echo "<option value=''>Select Message</option>";
    foreach($data as $value=>$content)
        echo CHtml::tag('option', array('value'=>$value),CHtml::encode($content),true);

    //TODO still being tested.
    /* for ClistView still debugging */
    /*$dataProvider=new CActiveDataProvider('Player', array(
        'criteria'=>array(
        'condition'=>'teamId=:teamId',
    )));*/
}

View Profile

<!-- Would allow user to access specific team messages and control how much gets display.
     still under construction. -->
    <div class="row">
        <?php 
            echo CHtml::dropDownList("teamId", 'id', Chtml::listData($model->memberOfTeams, 'id', 'teamName'),array(
                'empty'=>'Select Team',
                'ajax'=>array(
                    'type'=>'POST', // request type
                    'url'=>CController::createUrl('DisplayMessage'),
                    'update'=>'#teamMessages', // selector to update
                    'data'=>array('teamId'=>'js:this.value'),
                    )
                )
            ); 
        ?>
        <?php
            echo CHtml::dropDownList('teamMessages','',array(),array('empty'=>'Select Message'));
            /*$this->widget('zii.widgets.CListView', array(
                'dataProvider'=>$dataProvider,
                'itemView'=>'_viewTeamMessage',
                'id'=>'ajaxListView',
            ));*/
        ?>
    </div>

As you can see in the cListView. I was debating on creating a _viewTeamMessage which will display the team message + sendtime. But I realize, I wouldn't be able to pass a dataprovider without re rendering the page, and i am trying to avoid heading into that direction.

Answer 1

You could pull your Team messges out into a partial view and then just use a render partial to render just the messages into your page usig Ajax. If the partial view is named _teamMessages.php it would look something like this (untested):

$this->widget('zii.widgets.CListView', array(
            'dataProvider'=>$dataProvider,
            'itemView'=>'_viewTeamMessage',
            'id'=>'ajaxListView',
        ));

Then you modify your profile view to look like:

<!-- Would allow user to access specific team messages and control how much gets display.
 still under construction. -->
<div class="row">
    <?php 
        echo CHtml::dropDownList("teamId", 'id', Chtml::listData($model->memberOfTeams, 'id', 'teamName'),array(
            'empty'=>'Select Team',
            'ajax'=>array(
                'type'=>'POST', // request type
                'url'=>CController::createUrl('DisplayMessage'),
                'update'=>'.team-messages', // selector to update
                'data'=>array('teamId'=>'js:this.value'),
                )
            )
        ); 
    ?>
    <div class="team-messages">
    <?php 
       $this->renderPartial('_teamMessages',
            array('dataProvider'=>$dataProvider))
    ?>
    </div>
</div>

Then finally you change your controller to something like this:

public function actionDisplayMessage()
{
    /* REMOVE
    $data = TeamMessage::model()->findAll('teamId=:teamId', array(
        ':teamId'=>(int) $_POST['teamId']
        )
    );

    $data=CHtml::listData($data,'id', 'content');

    echo "<option value=''>Select Message</option>";
    foreach($data as $value=>$content)
        echo CHtml::tag('option', array('value'=>$value),CHtml::encode($content),true);
    */

    // still being tested.
    $dataProvider=new CActiveDataProvider('Player', array(
        'criteria'=>array(
        'condition'=>'teamId=(int) $_POST['teamId']',
    )));
    $this->renderPartial('_teamMessages', array('dataProvider'=>$dataProvider);
}

this should just cause the message widget to be recreated instead of the whole page.