In My web application I am using grid view in index action view. I need to create a button called "book" which when clicks shows a dialog box which displays the related content. I tried this code but its not reacting to the event. My code for index.php grid view
<h1>Producer Offers</h1>
<?php
$this->widget('bootstrap.widgets.TbGridView',array(
'dataProvider'=>$dataProvider,
'columns'=>array(
'offered_vegetable',
'offered_qty',
'unit_cost',
'unit_delivery_cost',
array(
'class'=>"bootstrap.widgets.TbButtonColumn",
'deleteConfirmation'=>"js:'Do you really want to delete record with Offer name '+$(this).parent().parent().children(':nth-child(2)').text()+'?'",
'template'=>'{view}{book}{delete}',
'buttons' =>array(
'book'=>
array(
'label'=>'book',
'click' =>"js:alert('do u want to book this offer!')"
),
),
),
),
));
?>
When the page is refreshed it is displayed but I want to react to the event when the button is clicked, Anybody help me how to resolve this issue