This extension is to allow users of the CListView and CGridView Zii components to take advantage of the Ajax features of them, whilst maintaining good practice with regards to browser navigation - enabling the browser back button and enabling the address bar url to accurately represent the current page state (which will then be replicated on re-opening the page).
Basically it uses JQuery and the BBQ JQuery plugin to maintain a hash history of specific Ajax actions.
For example, clicking on the ajax page 2 of a list on the page "www.site.com/webpage" will append something like "#page=2" to the url, giving "www.site.com/webpage#page=2", as well as loading the second page through ajax, as usual. And if you then copy this link and paste it somewhere else, you will see that your page will automatically navigate to the second page of the list.
Yii 1.1.7 (this started out using 1.1.5, but has been upgraded every time to take into account differences in the PHP classes and JS files). It shouldn't be too complicated to downgrade it if required (changes to the original Yii version are clearly marked), but I will not personally be doing this.
Simply change the class where you usually put your zii.widgets.CListView or zii.widgets.grid.CGridView widgets to ext.RRListView or ext.RRGridView (assuming that ext is defined as the alias for your extensions path and that you have extracted the class files directly into your extensions path) and set your parameters as usual (all the usual CListView/CGridView options should work as normal). e.g.
$this->widget('ext.RRGridView', array( 'dataProvider' => $dataProvider, 'columns' => array( 'id', array( 'class' => 'CButtonColumn', ), ), ));
This should work right out of the box, with hash history enabled by default.
There are obviously several options:
extensionsAssets is not set by default, but allows you to explicitly set the location of the extension's assets if needed (if you don't put them in the default ext.assets for example);
hashHistory is set to true by default and determines whether hash history will be enabled. If set to false, we fall back on to the default (Zii) ajax handling for CListView and CGridView;
Below is an example of all these options in (mutually exclusive) action:
I have tested these extensions slightly, but I'm afraid that I have not tested them extensively. I don't know whether they work in all circumstances (I have tried to code for all circumstances) and all browsers (I hate playing around in IE). However, if you do find bugs and let me know about them (preferably with relevant details like error messages from Firebug etc, or even pinpointing the location), then I will fix them if possible, and depending on my workload.
Certain things should be taken into account:
I originally made these extensions for me - therefore they reflect my view of how things should work, which may not be your view;
I have tried to make as few modifications as possible and couple as loosely as possible to the original Zii versions of these widgets, so that future changes in them should, hopefully, not impact this extension;
my philosophy with regards to this hash history is not necessarily standard - I have taken the view that the hash parameters should reflect and integrate the query parameters. This means that when calculating the ajax request for the address 'www.site.com/webpage?sort=id#page=2', I take into account the sort parameter in the querystring (unless it is overridden in the hash) and merge it with the page parameter in the hash, so send a request for the second page of the id sort. I therefore use the window.location url as the basis for my ajax request rather than the keys div generated by the Zii widget. This means two things - first of all, all widgets on the page must use the current page location as their route for ajax updates; and widgets cannot use GET parameters with the same name. This is something that could be overcome by ignoring querystring parameters in the current location, using the keys div location instead of the current location and prepending the widget id to each of its GET parameters. This is something that I might consider implementing as an option at a future date.
One thing that has been asked before, and I think is a good example for this extension, is how to include the default Gii advanced search (on the admin view) in the ajax updating. This is very simple with this extension - you just need to assign an id to the advanced search container, add this in the options of the widget as a container to be updated, and add a JQuery selector for it, like so:
'advanced-search'; echo CHtml::link('Advanced Search', '#', array('class' => 'search-button')); <div id="<?php echo $searchId; ?>" class="search-form" style="display: none"> <?php $this->renderPartial('_search',array( 'model' => $model, )); ?> </div><!-- .search-form --> $this->widget('ext.RRGridView', array( 'dataProvider' => $model->search, 'filter' => $model, 'ajaxUpdate' => $searchId, 'updaters' => array( 'advancedSearch' => array( 'selector' => '#'.$searchId.' form input, #'.$searchId.' form select', ), ), 'columns' => array( 'id', array( 'class' => 'CButtonColumn', ), ), ));$searchId =
The forum post that this extension started out as can be found here, and any questions or bug reports should be posted there.