TbRelationalColumn.php

Go to the documentation of this file.

<?php
class TbRelationalColumn extends TbDataColumn {
        
        public $url;

        public $cssClass = 'tbrelational-column';

        public $cacheData = true;

        public $afterAjaxUpdate;

        public $ajaxErrorMessage = 'Error';
        
        public $submitData=array();

        public function init() {
                
                parent::init();

                if (empty($this->url))
                        $this->url = Yii::app()->getRequest()->requestUri;

                $this->registerClientScript();
        }

        public function renderDataCell($row) {
                
                $data = $this->grid->dataProvider->data[$row];
                $options = $this->htmlOptions;

                if ($this->cssClassExpression !== null) {
                        $class = $this->evaluateExpression($this->cssClassExpression, array('row' => $row, 'data' => $data));
                        if (isset($options['class'])) {
                                $options['class'] .= ' ' . $class;
                        } else {
                                $options['class'] = $class;
                        }
                }

                echo CHtml::openTag('td', $options);
                echo CHtml::openTag('span', array('class' => $this->cssClass, 'data-rowid' => $this->getPrimaryKey($data)));
                $this->renderDataCellContent($row, $data);
                echo CHtml::closeTag('span');
                echo CHtml::closeTag('td');
        }

        protected function getPrimaryKey($data) {
                
                if ($this->grid->dataProvider instanceof CActiveDataProvider) {
                        $key = $this->grid->dataProvider->keyAttribute === null ? $data->getPrimaryKey()
                                : $data->{$this->grid->dataProvider->keyAttribute};
                        return is_array($key) ? implode('--', $key) : $key;
                }

                if ($this->grid->dataProvider instanceof CArrayDataProvider || $this->grid->dataProvider instanceof CSqlDataProvider) {
                        return is_object($data) ? $data->{$this->grid->dataProvider->keyField}
                                : $data[$this->grid->dataProvider->keyField];
                }

                return null;
        }

        public function registerClientScript() {
                
        Booster::getBooster()->registerAssetCss('bootstrap-relational.css');

                $cs = Yii::app()->getClientScript();
                if ($this->afterAjaxUpdate !== null) {
                        if ((!$this->afterAjaxUpdate instanceof CJavaScriptExpression)
                                && (strpos($this->afterAjaxUpdate,'js:') !== 0)
                        ) {
                                $this->afterAjaxUpdate = new CJavaScriptExpression($this->afterAjaxUpdate);
                        }
                } else {
                        $this->afterAjaxUpdate = 'js:$.noop';
                }

                $this->ajaxErrorMessage = CHtml::encode($this->ajaxErrorMessage);
                $afterAjaxUpdate = CJavaScript::encode($this->afterAjaxUpdate);
                $span = count($this->grid->columns);
                $loadingPic = CHtml::image(Booster::getBooster()->getAssetsUrl() . '/img/loading.gif');
                $cache = $this->cacheData ? 'true' : 'false';
                $data = !empty($this->submitData) && is_array($this->submitData) ? $this->submitData : 'js:{}';
                $data = CJavascript::encode($data);
                list($parentId) = explode('_',$this->id);
                $js = <<<EOD
$(document).on('click','#{$parentId} .{$this->cssClass}', function(){
        var span = $span;
        var that = $(this);
        var status = that.data('status');
        var rowid = that.data('rowid');
        var tr = $('#relatedinfo'+rowid);
        var parent = that.parents('tr').eq(0);
        var afterAjaxUpdate = {$afterAjaxUpdate};

        if (status && status=='on'){return}
        that.data('status','on');

        if (tr.length && !tr.is(':visible') && {$cache})
        {
                tr.slideDown();
                that.data('status','off');
                return;
        }else if (tr.length && tr.is(':visible'))
        {
                tr.slideUp();
                that.data('status','off');
                return;
        }
        if (tr.length)
        {
                tr.find('td').html('{$loadingPic}');
                if (!tr.is(':visible')){
                        tr.slideDown();
                }
        }
        else
        {
                var td = $('<td/>').html('{$loadingPic}').attr({'colspan':$span});
                tr = $('<tr/>').prop({'id':'relatedinfo'+rowid}).append(td);
                /* we need to maintain zebra styles :) */
                var fake = $('<tr class="hide"/>').append($('<td/>').attr({'colspan':$span}));
                parent.after(tr);
                tr.after(fake);
        }
        var data = $.extend({$data}, {id:rowid});
        $.ajax({
                url: '{$this->url}',
                data: data,
                success: function(data){
                        tr.find('td').html(data);
                        that.data('status','off');
                        if ($.isFunction(afterAjaxUpdate))
                        {
                                afterAjaxUpdate(tr,rowid,data);
                        }
                },
                error: function()
                {
                        tr.find('td').html('{$this->ajaxErrorMessage}');
                        that.data('status','off');
                }
        });
});
EOD;
                $cs->registerScript(__CLASS__ . '#' . $this->id, $js);
        }
}