Include js and css in ZF2 using AJAX or not

Question

I have some views in ZF2 that must include js and css files. I can do so in view:

$this->headscript()->appendScript(...

But, when I get view result using ajax I need to get from server array with view html, css includes and js includes. Like this:

array(
    'html' => '<div id="timepicker-wrap"></div>',
    'js_include' => array('/js/timepicker.js'),
    'js_eval' => '$("#timepicker-wrap").timepicker()',
    'css_include' => array('/css/timepicker.css'),
);

After I give this data to client-side my js library will include html, js and css.

The problem is to get all js and css files and code from headscript in server-side.

Am I right that I have to extend HeadScript, HeadStyle and InlineScript classes and add functions that returns all js and css? Or I have to do something else?

Andrew · Accepted Answer · 2013-04-09 13:19:04Z

2

You can bypass the layout when using Ajax quite easily, one example:

SomeController.php

public function myAction()
{
    if($this->getRequest()->isXmlHttpRequest()) {
        $this->layout('application/layout/ajax-layout');
    }

    return new ViewModel();
}

application/layout/ajax-layout.phtml

<?php echo $this->content ?>

When you try and access somecontroller/my/ using an Ajax request, the base layout, which includes your head/js/etc will not be rendered.

it will be rendered when you view with a normal request though.

There's a couple of other ways of doing this, but this is probably the simplest :)

answered Apr 9, 2013 at 13:19

Andrew

12.8k1 gold badge37 silver badges48 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Ildar · Accepted Answer · 2013-04-09 21:33:28Z

0

You can get all js and css from headScript, headStyle and InlineScript using getContainer() method

$this->headScript()->getContainer()->getValue()

answered Apr 9, 2013 at 21:33

Ildar

7962 gold badges15 silver badges36 bronze badges

Collectives™ on Stack Overflow

Include js and css in ZF2 using AJAX or not

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related