3

私は Yii の初心者です。Yii で従業員の詳細を表示するための gridView を作成する必要があります。そのために、http://yii-booster.clevertech.biz/components.html#tables に記載されている手順に従いました。そして、clevertech.biz が行ったのとまったく同じように、いくつかのサンプル データを使用して gridView を作成し、それに成功しました。しかし、私の実際の要件は、エントリを削除する前に、従業員の詳細を表示および編集するためのポップアップ ウィンドウと JavaScript の確認を備えた gridView を作成することです。これは私のコードで、グリッドとポップアップウィンドウを作成しましたが、各ボタンのアクションは分離されていません。ポップアップは、そのセルのボタンではなく、特定の列の下のセル全体に対して機能します。誰でもこの問題を解決するのを手伝ってもらえますか?

$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 -->
4

2 に答える 2

0

参考：TbButtonColumnクラスファイル(TbButtonColumn.php)

@param array $button 'label'、'url'、'imageUrl' および 'options' 要素を含むことができるボタン構成。

    array(
                'class'=>'bootstrap.widgets.TbButtonColumn',
                'buttons'=>array(
                        'view'=>array(
                            'visible'=>'true/false',
                            'label'=>'Description',
                            'url'=>'link',
                            'imageUrl'=>'linkImage',
                            'options'=>array(
                            ),
                        ),
                ),
    ),
于 2013-12-28T03:33:00.323 に答える