Php 如何在yii booster bootstrap小部件中创建一个gridView，其中一列中有按钮的弹出窗口

我是Yii的新生，我需要为Yii中的员工详细信息制作一个gridView，因为我遵循了中提到的程序。 我用一些示例数据创建了一个gridView，就像clevertech.biz所做的一样，我成功了。但我的实际需求是创建一个带有弹出窗口的gridView，用于查看和编辑员工详细信息，并在删除条目之前进行javascript确认。这是我的代码，它创建了一个网格和一个弹出窗口，但每个按钮的操作没有分开，弹出窗口适用于特定列下的整个单元格，而不是该单元格中的按钮。有人能帮我解决这个问题吗

$stu->id = 3;
$stu->name = 'Stu';
$stu->address = 'Dent';
$stu->position = 'SE';
$stu->joinDate = '2012-12-14';
$stu->age = 30;
$stu->phone = 1112226789;


$persons = array($mark, $jacob, $stu);
$gridDataProvider = new CArrayDataProvider($persons);

// $gridColumns
$gridColumns = array(
    array('name'=>'id', 'header'=>'#', 'htmlOptions'=>array('style'=>'width: 60px')),
    array('name'=>'name', 'header'=>'Name'),
    array('name'=>'address', 'header'=>'Address'),
    array('name'=>'position', 'header'=>'Position'),
    array('name'=>'joinDate', 'header'=>'Join Date'),
    array('name'=>'age', 'header'=>'Age'),
    array('name'=>'phone', 'header'=>'Phone'),

    array('header'=>'Options',
        'htmlOptions' => array('data-toggle'=>'modal',
        'data-target'=>'#myModal'),
        'class'=>'bootstrap.widgets.TbButtonColumn',
        'viewButtonUrl'=>null,
        'updateButtonUrl'=>null,
        'deleteButtonUrl'=>null,),


);


$this->widget('bootstrap.widgets.TbExtendedGridView', array(
    'type'=>'bordered',
    'dataProvider'=>$gridDataProvider,
    'template'=>"{items}",
    'columns'=>$gridColumns,
));
?>

 <!-- View Popup  -->
<?php    
$this->beginWidget('bootstrap.widgets.TbModal', array('id'=>'myModal')); ?>

<!-- Popup Header --> 
<div class="modal-header">
<h4>View Employee Details</h4>
</div>

<!-- Popup Content -->
<div class="modal-body">
<p>Employee Details</p>
</div>


<!-- Popup Footer -->
<div class="modal-footer">

<!-- save button -->
<?php  $this->widget('bootstrap.widgets.TbButton', array(
'type'=>'primary',
'label'=>'Save',
'url'=>'#',
'htmlOptions'=>array('data-dismiss'=>'modal'),
));  ?>
<!-- save button end-->

<!-- close button -->
<?php $this->widget('bootstrap.widgets.TbButton', array(
'label'=>'Close',
'url'=>'#',
'htmlOptions'=>array('data-dismiss'=>'modal'),
)); ?>
<!-- close button ends-->
</div>
<?php $this->endWidget(); ?>
<!-- View Popup ends -->

$stu->id=3；
$stu->name='stu'；
$stu->address='Dent'；
$stu->position='SE'；
$stu->joinDate='2012-12-14'；
$stu->年龄=30岁；
$stu->phone=1112226789；
$persons=数组（$mark、$jacob、$stu）；
$gridDataProvider=新的CArrayDataProvider（$persons）；
//$gridColumns
$gridColumns=array(
数组（'name'=>'id'，'header'=>'#'，'htmlOptions'=>array（'style'=>'width:60px'），
数组（'name'=>'name'，'header'=>'name'），
数组（'name'=>'address'，'header'=>'address'），
数组（'name'=>'position'，'header'=>'position'），
数组（'name'=>'joinDate'，'header'=>'joinDate'），
数组（'name'=>'age'，'header'=>'age'），
数组（'name'=>'phone'，'header'=>'phone'），
数组（'header'=>'Options'，
'htmlOptions'=>array（'data-toggle'=>'modal'，
“数据目标”=>“#myModal”），
'class'=>'bootstrap.widgets.TbButtonColumn'，
“viewButtonUrl”=>null，
'updateButtonUrl'=>null，
'deleteButtonUrl'=>null，），
);
$this->widget（'bootstrap.widgets.TbExtendedGridView'，数组(
'type'=>'bordered'，
“dataProvider”=>$gridDataProvider，
'模板'=>“{items}”，
“columns'=>$gridColumns，
));
?>
查看员工详细信息
员工详细信息

我的专栏有点不同，但我想你会理解的

您必须按以下方式更改TBButton列：

$this->widget('bootstrap.widgets.TbExtendedGridView', array(
    'type'=>'bordered',
    'dataProvider'=>$model->search(),
    'filter'=>$model,
    'template'=>"{items}",
    'columns'=>array(
        'id',
        'firstName',
        'lastName',
        'language',
        'hours',
        array(
            'header'=>'Options',
            'class'=>'bootstrap.widgets.TbButtonColumn',
            'buttons'=>array(
                'view'=>
                    array(
                        'url'=>'Yii::app()->createUrl("person/view", array("id"=>$data->id))',
                        'options'=>array(
                            'ajax'=>array(
                                'type'=>'POST',
                                'url'=>"js:$(this).attr('href')",
                                'success'=>'function(data) { $("#viewModal .modal-body p").html(data); $("#viewModal").modal(); }'
                            ),
                        ),
                    ),
            ),
        )
    )));
?>

<!-- View Popup  -->
<?php $this->beginWidget('bootstrap.widgets.TbModal', array('id'=>'viewModal')); ?>
<!-- Popup Header -->
<div class="modal-header">
<h4>View Employee Details</h4>
</div>
<!-- Popup Content -->
<div class="modal-body">
<p>Employee Details</p>
</div>
<!-- Popup Footer -->
<div class="modal-footer">

<!-- close button -->
<?php $this->widget('bootstrap.widgets.TbButton', array(
    'label'=>'Close',
    'url'=>'#',
    'htmlOptions'=>array('data-dismiss'=>'modal'),
)); ?>
<!-- close button ends-->
</div>
<?php $this->endWidget(); ?>
<!-- View Popup ends -->

public function actionView($id)
{
    if( Yii::app()->request->isAjaxRequest )
        {
        $this->renderPartial('view',array(
            'model'=>$this->loadModel($id),
        ), false, true);
    }
    else
    {
        $this->render('view',array(
            'model'=>$this->loadModel($id),
        ));
    }
}

然后，你所要做的就是对你的更新做同样的事情

---

如果您什么都不懂，请随时提问。

参考：TbButtonColumn类文件（TbButtonColumn.php）

@param array$按钮按钮配置，其中可能包含“label”、“url”、“imageUrl”和“options”元素

    array(
                'class'=>'bootstrap.widgets.TbButtonColumn',
                'buttons'=>array(
                        'view'=>array(
                            'visible'=>'true/false',
                            'label'=>'Description',
                            'url'=>'link',
                            'imageUrl'=>'linkImage',
                            'options'=>array(
                            ),
                        ),
                ),
    ),

---

感谢您提供了覆盖按钮url的示例。