Works perfectly with ‘live’. Thank you.
Works perfectly with ‘live’. Thank you.
Instead of multiple calls to parent(), you can also make a single call to parents(), passing ‘tr’ as the selector, so instead of this, which would take the text from the 4th column of the table (the :eq selector uses 0-based numbering):
'deleteConfirmation'=>"js:'Are you sure you want to delete the user ' +
$(this).parent().parent().children(':eq(3)').text() +
'? This operation cannot be undone.\\n\\nPress \"OK\" to delete, or \"Cancel\" to abort without deleting.\\n\\n'",
You could use this:
'deleteConfirmation'=>"js:'Are you sure you want to delete the user ' +
$(this).parents('tr').children(':eq(3)').text() +
'? This operation cannot be undone.\\n\\nPress \"OK\" to delete, or \"Cancel\" to abort without deleting.\\n\\n'",
Dan
Will it also be problem, if all AJAX calls of CGridView (sorting, pagination) will be changed to normal POST calls?
I mean - is it truly only a problem of reloading CGridView after AJAX call or maybe this little trick interference somehow, how CGridView works at all?
"problem" is only on ajax calls… becasue the ajax call loads a completely new grid and replaces the current one…
if you use POST or GET (without ajax)… then a completely new page is loaded… new jQuery events are rendered/attached and all is working
but if you use ajax… the new page/sort/whatever is returned from the ajax call… and with jQuery the current page grid is replaced by the returned grid… so everything on the current page remains as is… only the grid is replaced… no new events are binded or new jQuery code is rendered… there is only the old one…
if you use the classic jQuery.click(…) method… it does work only on the original grid… that’s why it does not work after that original grid is replaced by a new one…
but as per jQuery documentation… live() and delegate() works even for future elements… so if you use live()… it will work even after the grid has being replaced by a new one…
I hope it’s more clear now…
if not… there is no other way then get your hands a bit dirty with jQuery… without Yii… just HTML and jQuery… and experiment a bit… read some books on it…
Well, said like that sounds a bit rough, but I quote Mdomba 100%.
Anyone should understand that zii widget are just widget for your confort, are not the solution of all problems. The fact that Yii supplies powerfull widget does’t mean that is possible to run a site with lot of nice 2.0 stuff without knowing jquery.
Yii is a php framework, all ajax cute feature are just a plus, if some jquery feature is not available in Yii is not a Yii bug.
Just a complement :
For translating delete message in deleteConfirmation property, you have simply to use a php variable that you put in the js string.
Because the string is evaluated by js, it is not possible to use the "t" function. So, in using it in a php variable, the translation is done first, and then put in the js string.
For example :
$del = Yii::t('app','Are you sure you want to delete the user ');
$this->widget('zii.widgets.grid.CGridView', array(
'dataProvider'=> $search,
'filter'=> $model,
'filterPosition' => 'header',
'columns'=>array(
array(
'class'=>'CButtonColumn',
'template'=>'{delete}',
'deleteConfirmation'=> "js:'".$del."'+$(this).parents('tr').children(':nth-child(2)').text()+' ?'"
),
......and so on
but what if first column we have taken is not id column how can we acheive the passing of id to js function…is there any another way
There are few possibilities:
If it’s in some other column… you can read it from there…
If the ID is not in your columns (any column) and selectableRows is 1… you can use $.fn.yiiGridView.getSelection() to get the key value of the selected row…
and one possible solution is to have a hidden column with the ID values…
Hi mdomba and others,
Is there a way to render another pages when user click the delete button?? From that pages, user only can delete the record. Thanks…
This is to allow the user to make sure the record is the exact record to delete. Thanks again.
Hi mdomba and others,
Is there a way to render view page when user click the certain row in CGridView???
$this->widget('zii.widgets.grid.CGridView', array(
'id' => 'detail_view',
'selectableRows' => '1',
'dataProvider' => $dataProvider,
'columns' => array(
array(
'class' => 'CCheckBoxColumn',
),
array(
'name' => 'id',
),
array(
'name' => 'machine_tag',
),
array(
'name' => 'company_name',
),
array(
'class' => 'CButtonColumn',
'deleteConfirmation' => "js:'Record with ID '+$(this).parent().parent().children(':first-child').text()+' will be deleted! Continue?'",
),
),
Well, mdomba is actually a jQuery / JS guru here! :]
I would look around something like this (register new client script with following code):
$('.users-grid>table>tr').click(function({alert('Hi!')}));
(not tested, written from memory)
This should attach click event to every table row in table in div with ID = "users-grid" and you specify this id in your CGridView widget definition.
Instead of showing alert, as in the example, redirect to route (controller/action) you want to call, with parameters you need, and in this action, render a view, you want.
This will work for every table-row. But if you want to know, which exactly table row was clicked then… wait for mdomba’s answer! :] I’m not that good and don’t know how to do this.