Question

I am trying to put a button which will be displayed along with some data in the view file I specified in “itemView” field of the CListView widget, but instead of the styled button for every list item, I am just getting it or the first list item. My code in the _view file is:

<div id="listView">
<div class="thedata">
  ...some data
</div>

<div id="buttons">
<?php
$this->widget('zii.widgets.jui.CJuiButton', array(
'buttonType'=>'button',
'name'=>'btnJobs',
'caption'=>'Manage Jobs',
'options'=>array('icons'=>'js:{primary:"ui-icon-wrench"}'),
'onclick'=>'js:function(){alert("Manage Jobs clicked."); this.blur(); return false;}',
));
?>
</div>
</div>

and the code for CListView widget is just the bare minimum:

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

any suggestions?

Answer 1

Try passing in a unique ID to the CJuiButton, like so:

<?php 
$this->widget('zii.widgets.jui.CJuiButton', array(
  'id'=>'button'.$data->id, // add a unique ID here (could use $index instead of $data->id)
  'buttonType'=>'button',
  'name'=>'btnJobs',
  'caption'=>'Manage Jobs',
  'options'=>array('icons'=>'js:{primary:"ui-icon-wrench"}'),
  'onclick'=>'js:function(){alert("Manage Jobs clicked."); this.blur(); return false;}',
 ));
?>

The problem is that since all of your buttons have the same ‘name’ (and therefore ‘id’) jQuery is only binding to the first one. Making sure each button has a unique ID should fix this, so jQuery will bind correctly.