Пользовательский столбец в CGridView с помощью кнопки "Twitter" Bootstrap

Question

Я просто создаю кнопку Bootstrap в выпадающем меню Button для CGridView. Кнопка содержит подменю, и у каждого из них есть такие атрибуты, как href, class, data- и т. Д., Которые можно установить с помощью атрибута dropdownMenuItems в виджете CGridView.

Ввиду

$this->widget('zii.widgets.grid.CGridView', array(
  'dataProvider'=>$dataProvider,
  'ajaxUpdate'=>false,
  'columns'=>array(
        array(
            'name'=>'ID',
            'type'=>'raw',
            'value'=>'$data->ID',
        ),
        array(
            'name'=>'NAME',
            'type'=>'raw',
            'value'=>'$data->NAME',
        ),
        array(
            'class'=>'BootstrapButtonDropdownColumn',                                       
            'name'=>'',
            'sortable'=>false,
            'dropdownMenuItems'=>array(
                array('label'=>'<i class="icon-edit"></i> Edit', 'link'=>$this->createUrl('site/update')),
                array('itemClass'=>'divider'), 
                array('label'=>'<i class="icon-remove"></i> Remove', 'link'=>'#', 'itemHtmlOptions'=>array('class'=>'remove-item','data-id'=>'$data->ID','data-toggle'=>'modal'))
        ),
   ),                                              
),

Файл класса

class BootstrapButtonDropdownColumn extends CDataColumn {

    public $buttonLabel = 'Action';
    public $buttonClass = 'btn btn-small dropdown-toggle';
    public $buttonHtmlOptions=array();
    public $dropdownMenuItems=array();

     protected function renderDataCellContent($row, $data) 
     {
        $html = '<div class="btn-group pull-right">';

        $buttonOption = $this->buttonHtmlOptions;
        $buttonOption['class'] = $this->buttonClass;
        $buttonOption['data-toggle'] = 'dropdown';
        $html .= CHtml::htmlButton($this->buttonLabel . ' <span class="caret"></span>', $buttonOption);     

        $html .= '<ul class="dropdown-menu">';

        for ($i=0; $i<count($this->dropdownMenuItems); $i++)
        {
            if (isset($this->dropdownMenuItems[$i]['itemClass']))
                $html .= '<li class="' . $this->dropdownMenuItems[$i]['itemClass'] . '">';
            else
                $html .= '<li>';

            $label = '';
            $link = '#';
            $itemHtmlOptions = null;

            if (isset($this->dropdownMenuItems[$i]['label']))
                $label = $this->dropdownMenuItems[$i]['label'];

            if (isset($this->dropdownMenuItems[$i]['link']) && !empty($this->dropdownMenuItems[$i]['link']))
                $link = $this->dropdownMenuItems[$i]['link'];

            if (isset($this->dropdownMenuItems[$i]['itemHtmlOptions']))
                $itemHtmlOptions = $this->dropdownMenuItems[$i]['itemHtmlOptions'];

            $html .= CHtml::link($label, $link, $itemHtmlOptions);
            $html .= '</li>';
        }

        $html .= '</ul></div>';
        echo $html;
    }
}

Есть проблема, я хотел бы установить значение для атрибута data-id при удалении пункта меню, но это не работает. При просмотре в элементе Browser Inspect идентификатор данных не содержит идентификатор записи, но вместо этого он показывает строку $data->id.

  <div class="btn-group pull-right open">
      <button class="btn btn-small dropdown-toggle" data-toggle="dropdown" name="yt0" type="button">
          Action <span class="caret"></span>
      </button>
      <ul class="dropdown-menu">
          <li><a href="/site/update"><i class="icon-edit"></i> Edit</a></li>
          <li class="divider"><a href="#"></a></li>
          <li><a class="remove-item" data-id="$data->ID" data-toggle="modal" href="#"><i class="icon-remove"></i> Remove</a></li>
      </ul>
  </div>

или увидеть на этом изображении

Пожалуйста, дайте мне несколько советов, спасибо.

Answer 1

Спасибо за совет, но есть ли другой способ передать идентификатор в классе

У вас есть возможность доступа $row а также $data, Я думаю, что все, что вам нужно, просто добавить больше строки ниже в свой класс кнопки

if (isset($this->dropdownMenuItems[$i]['itemHtmlOptions'])){
                $itemHtmlOptions = $this->dropdownMenuItems[$i]['itemHtmlOptions'];
                $itemHtmlOptions['data-id'] = $data->ID; // <==added line, maybe you want to use condition or put it somewhere else instead, depend your decision
            }

Конечно, теперь вам не нужно 'data-id'=>$data->ID с вашей точки зрения, удалите его.