Yii 2.0: embedded javascript block in your view with IDE checking or intellisense

3 followers

this is my way for embed js code block in view file:

<?php \year\widgets\JsBlock::begin() ?>
<script >
    $(function(){
        jQuery(".company_introduce").slide({mainCell:".bd ul",effect:"left",autoPlay:true,mouseOverStop:true});
    });
</script>
<?php \year\widgets\JsBlock::end()?>

and my extension for it:

<?php
/**
 * User: yiqing
 * Date: 14-9-15
 * Time: 下午12:09
 */
 
namespace year\widgets;
 
use yii\web\View ;
use yii\widgets\Block ;
 
 
class JsBlock extends Block{
 
    /**
     * @var null
     */
    public $key = null;
    /**
     * @var int
     */
    public $pos = View::POS_END ;
    /**
     * Ends recording a block.
     * This method stops output buffering and saves the rendering result as a named block in the view.
     */
    public function run()
    {
        $block = ob_get_clean();
        if ($this->renderInPlace) {
           throw new \Exception("not implemented yet ! ");
           // echo $block;
        }
        $block = trim($block) ;
        /*
        $jsBlockPattern  = '|^<script[^>]*>(.+?)</script>$|is';
        if(preg_match($jsBlockPattern,$block)){
            $block =  preg_replace ( $jsBlockPattern , '${1}'  , $block );
        }
        */
        $jsBlockPattern  = '|^<script[^>]*>(?P<block_content>.+?)</script>$|is';
        if(preg_match($jsBlockPattern,$block,$matches)){
            $block =  $matches['block_content'];
        }
 
        $this->view->registerJs($block, $this->pos,$this->key) ;
    }
}

you can change the namespace for your own !

Be the first person to leave a comment

Please to leave your comment.

Write new article
  • Written by: yiqing95
  • Category: Tips
  • Yii Version: 2.0
  • Votes: +4 / -1
  • Viewed: 6,059 times
  • Created on: Sep 21, 2014
  • Last updated: Sep 21, 2014
  • Tags: registerScript, view, js