CODEWITHSUNDEEP
javascriptjqueryzend-frameworkzend-framework2
Mangala Edirisinghe
Mangala Edirisinghe

Reputation: 1111

How to add an external javascript file to a Zend Framework 2 application?

I need to add jQuery and other javascript files to my Zend Framework project. I am trying to do it with an Action controller:-

public function userinfoAction()
{   
    $this->view->headScript()->appendFile($basePath .'/js/validate_jquary.js');
    $this->headScript()->appendFile('http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js'); 
    return new ViewModel();
}

But it is not working.

Upvotes: 13

Views: 20990

Answers (7)

syamasundar chettu
syamasundar chettu

Reputation: 29

you can try this. its works fine for me

//write these lines in your SampleController

public function someAction()
{

$this->getViewHelper('HeadScript')->appendFile('/js/yourjsfile.js');
$this->getViewHelper('HeadScript')->appendFile('/js/jquery/jquery.min.js');
}

// write following method in controller

protected function getViewHelper($helperName)
{

    return $this->getServiceLocator()->get('viewhelpermanager')->get($helperName);
}

Upvotes: 2

trushkevich
trushkevich

Reputation: 2677

All of the above is giving tons of errors for me and $this->view->headScript() is at all about Zend Framework 1. This works for me:

in your controller before controller's class definition add:

use Zend\View\Helper\HeadScript;

and then you may use something like this in your controller (sure you may use it in any action, not only in the constructor):

/**
 * @var Zend\View\Helper\HeadScript
 */
protected $headScript;

function __construct() {
    $this->headScript = new HeadScript();
    $this->headScript->appendFile('http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js','text/javascript');
}

and then you should add this to your layout:

<?php echo $this->headScript(); ?>

Upvotes: 1

aimfeld
aimfeld

Reputation: 3141

Probably the easiest way to use view helpers from within a controller in ZF2 is via the renderer object:

public function someAction()
{                 
     $renderer = $this->serviceLocator->get('Zend\View\Renderer\RendererInterface');
     $renderer->headScript()->appendFile($renderer->baseUrl() . '/js/somejs.js');
}

Upvotes: 3

aimfeld
aimfeld

Reputation: 3141

Here is how you can use view helpers from within a controller in ZF2 to solve your problem:

public function someAction()
{                 
     $this->getViewHelper('HeadScript')->appendFile($basePath . '/js/somejs.js');    
}

protected function getViewHelper($helperName)
{
    return $this->getServiceLocator()->get('viewhelpermanager')->get($helperName);
}

Upvotes: 10

Fawad Ghafoor
Fawad Ghafoor

Reputation: 6207

a good way for that is to use the below code in your controller action lets say u want to include the paginator.js 

$this->view->headScript()->appendFile($this->view->baseUrl().'/js/paginator.js');

Upvotes: 1

Mangala Edirisinghe
Mangala Edirisinghe

Reputation: 1111

 $this->HeadScript()->appendFile('http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js','text/javascript');
 $this->HeadScript()->appendFile('http://localhost/zend/public/js/validate_jquary.js','text/javascript');

It is OK with this code in the view. But I don't know is this correct method.

Upvotes: 9

Ashley
Ashley

Reputation: 5947

You aren't using the view to add jquery:

 $this->view->headScript()->appendFile('http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js');

Upvotes: 1

Related Questions